CSS的一個重要功能就是可以控制鼠標不放上去時元素的狀態。在很多網站中，我們經常會看到一些圖片或者按鈕的樣式，當鼠標不放上去時，它們的樣式是一種狀態，當我們將鼠標放上去時，又會呈現出不同的狀態。這里介紹一些CSS的代碼，讓我們可以更好地控制這種狀態的呈現。

/* 改變字體顏色 */
p {
color: black;
}
p:not(:hover) {
color: gray;
}
/* 隱藏元素 */
.hidden {
display: none;
}
.hidden:not(:hover) {
display: block;
}
/* 改變背景顏色 */
.bg-color {
background-color: #fff;
}
.bg-color:not(:hover) {
background-color: #f5f5f5;
}
/* 減小元素的不透明度 */
.opacity {
opacity: 1;
}
.opacity:not(:hover) {
opacity: 0.8;
}
/* 設置文字變灰 */
.grey {
filter: grayscale(0);
}
.grey:not(:hover) {
filter: grayscale(1);
}

這些代碼可以幫助我們通過改變字體顏色、隱藏元素、改變背景顏色、減小元素的不透明度、設置文字變灰等方式，來控制鼠標不放上去時元素的狀態呈現。不過需要注意的是，這些代碼應該根據具體的應用場景進行選用，以達到最佳的效果。