在網(wǎng)頁設(shè)計(jì)中,添加邊框效果可以讓圖片更突出,也更符合頁面設(shè)計(jì)的美感標(biāo)準(zhǔn)。在 CSS 中,我們可以通過代碼輕松地為指定的圖片加上邊框。
img { border: 3px solid #000; }
如上代碼所示,我們可以使用border
屬性設(shè)置圖片邊框。其中,3px
表示邊框?qū)挾龋梢愿鶕?jù)實(shí)際情況進(jìn)行調(diào)整。而solid
則是邊框的樣式,也可以根據(jù)需要使用其他樣式。
除此之外,我們還可以通過添加類來指定特定的圖片,這樣我們就可以在不影響其他圖片樣式的情況下,針對(duì)特定的圖片進(jìn)行邊框的設(shè)定。在 HTML 中,我們可以這樣寫:
<img src="image.jpg" class="border-img">
而在 CSS 中,我們則需要對(duì)該類進(jìn)行設(shè)定:
.border-img { border: 3px solid #000; }
如此一來,圖片就可以在添加border-img
類后被加上邊框,而其他圖片則不受影響。
上一篇css給在文字上加橫線
下一篇mysql 里%