CSS可以為圖片添加邊框,給你的網(wǎng)頁設(shè)計(jì)增加了一些細(xì)節(jié)和美觀度。通過簡單的CSS代碼,你可以輕松地為圖片添加邊框和樣式。
/*為圖片添加邊框*/ img { border: 5px solid #000000; } /*為圖片添加圓角*/ img { border-radius: 10px; } /*為圖片添加陰影*/ img { box-shadow: 1px 1px 2px 0 #888888; }
以上代碼演示了如何添加邊框,圓角以及陰影效果。你可以通過修改顏色,大小和樣式,達(dá)到你想要的效果,來為你的網(wǎng)頁增添一些美感。
為了讓你的圖片看起來更加漂亮,你也可以通過CSS在圖片周圍添加一些空白。使用padding CSS屬性,你可以為圖片周圍增加一些留白。
/*增加圖片周圍的留白*/ img { padding: 10px; }
這個(gè)代碼可以使圖片周圍有10像素的留白,可以讓圖片看起來更加整齊,美觀。
總之,CSS可以為圖片添加很多效果,如邊框、圓角、陰影以及留白等,通過CSS的運(yùn)用,我們可以讓網(wǎng)頁更加美觀和精致。