在使用CSS設(shè)計(jì)網(wǎng)頁時(shí)，我們經(jīng)常需要將圖片添加到網(wǎng)頁中。通過CSS樣式屬性，可以輕松將圖片嵌入到HTML文件中并進(jìn)行各種樣式修改。

在CSS中，可以使用background-image屬性將圖片作為元素的背景進(jìn)行添加。代碼示例如下：

div{
background-image:url("image.gif");
background-repeat:no-repeat;
background-position: center;
}

以上是將圖片添加到div元素的背景中，并將背景位置設(shè)置為頁面中央。其中，background-repeat屬性用于控制背景圖片是否重復(fù)，用no-repeat值表示不重復(fù)。

除了將圖片作為背景之外，還可以使用img標(biāo)簽將圖片直接添加到網(wǎng)頁中。同時(shí)，CSS樣式屬性也可以用于對(duì)圖片進(jìn)行各種樣式修改。代碼示例如下：

img{
width: 200px;
height: 200px;
margin: 20px;
border: 1px solid red;
}

以上示例代碼將對(duì)img標(biāo)簽中的圖片進(jìn)行樣式修改，包括設(shè)置圖片寬度和高度為200px，設(shè)置圖片外邊距為20px，以及設(shè)置圖片邊框?yàn)榧t色1px實(shí)線邊框。

總之，通過CSS樣式屬性加圖片，可以讓網(wǎng)頁更具吸引力，也可以讓頁面元素更有趣味性。