CSS是網(wǎng)頁設(shè)計(jì)的重要組成部分，也是所有網(wǎng)站必須使用的一種技術(shù)。CSS不僅可以使網(wǎng)頁看起來更漂亮，而且可以添加各種動態(tài)效果，例如鼠標(biāo)放上加樣式。本文將介紹如何使用CSS在鼠標(biāo)放上時添加樣式。

/*CSS代碼*/
.box {
width: 200px;
height: 200px;
background-color: #ccc;
text-align: center;
font-size: 20px;
color: #fff;
line-height: 200px;
transition: all 0.5s ease-in-out;
}
.box:hover {
background-color: #f00;
color: #000;
cursor: pointer;
transform: scale(1.2);
}

上述代碼中，我們首先定義了一個名為.box的CSS樣式，它將用于一個HTML元素，該元素的class屬性值為“box”。我們首先設(shè)置了這個元素的寬度和高度，并將它的背景顏色設(shè)為#ccc。我們還對文本樣式進(jìn)行了設(shè)置，將字體大小設(shè)置為20像素，將字體顏色設(shè)置為白色，并將文本居中顯示。我們還設(shè)置了文本的行高，以保證元素垂直居中。

接下來，我們?yōu)槭髽?biāo)懸停在元素上時的樣式設(shè)置了一些屬性。我們將元素的背景顏色設(shè)為#f00，將字體顏色設(shè)為黑色，并將光標(biāo)設(shè)置為指針類型。我們還使用transform屬性將元素的大小放大了1.2倍。

總的來說，這個樣式將會給人一種非常動態(tài)和交互式的感覺。這對于任何網(wǎng)頁來說都是非常重要的，因?yàn)樗梢宰層脩舾杏X到網(wǎng)站正在和他們互動，而不僅僅是一些靜態(tài)的元素。