鼠標按下改變背景css是網頁設計中常用的效果之一，它可以讓網頁更具有動態感和互動性。下面就來介紹一下如何使用css來實現這個效果。

首先，我們需要在html中編寫需要改變背景的元素，并為其添加一個class名。比如，我們可以使用div元素，為其添加一個名為"bg-change"的class：

<div class="bg-change"></div>

接下來，在css中定義類"bg-change"的樣式。我們可以先定義一下未選中時的背景顏色和鼠標移入時的背景顏色：

.bg-change {
background-color: white;
}
.bg-change:hover {
background-color: lightblue;
}

這樣做能讓鼠標移入時元素的背景色發生變化。但是，我們還需要讓鼠標按下時元素的背景顏色發生變化。為此，我們需要使用:active偽類。我們可以在上述代碼中添加一條樣式來實現這個效果：

.bg-change:active {
background-color: orange;
}

這樣，當鼠標按下時，元素的背景色就會變成橙色了。完整的代碼如下：

<div class="bg-change"></div>
.bg-change {
background-color: white;
}
.bg-change:hover {
background-color: lightblue;
}
.bg-change:active {
background-color: orange;
}

在實際應用中，我們可以根據需要調整以上代碼中的顏色值和元素class名，從而實現豐富多彩的鼠標按下改變背景css效果。