在網(wǎng)頁設(shè)計(jì)中,常常需要對(duì)圖像進(jìn)行樣式設(shè)置以使得網(wǎng)頁更加美觀。其中,使用CSS可以給圖像添加邊框、圓角、陰影、透明度等各種效果。下面,我們來看一下CSS常用的圖像樣式。
1、添加邊框樣式
img { border: 1px solid #999; /* 添加一個(gè)像素粗細(xì)、顏色為#999的邊框 */ }
2、添加圓角
img { border-radius: 10px; /* 添加10px的圓角 */ }
3、添加陰影效果
img { box-shadow: 2px 2px 2px #999; /* 添加2px的陰影效果 */ }
4、添加透明度
img { opacity: 0.5; /* 添加50%的透明度 */ }
5、設(shè)置圖像大小
img { width: 200px; /* 將圖像寬度設(shè)置為200px */ height: auto; /* 根據(jù)寬度自適應(yīng)高度 */ }
總之,通過CSS我們可以輕松地為圖像添加各種樣式,從而為網(wǎng)頁設(shè)計(jì)增添美感。以上這些樣式只是其中的一部分,還有很多其他的效果可以自行嘗試。