CSS中,為圖片添加邊框是一種常見的效果。我們可以使用border屬性來實(shí)現(xiàn)這個(gè)效果。
img { border: 1px solid #000; }
上面的代碼表示為所有的圖片添加了 1 像素的實(shí)線邊框,并且顏色為黑色。
如果我們想要添加虛線邊框,可以使用border-style屬性來指定邊框樣式。具體的樣式包括:solid(實(shí)線)、dashed(虛線)、dotted(點(diǎn)線)、double(雙線)和groove(凹槽線)等。
img { border: 1px dashed #000; }
上面的代碼表示為所有的圖片添加了 1 像素的虛線邊框,并且顏色為黑色。
我們也可以使用border-radius屬性來使圖片的邊框變?yōu)閳A角邊框。這個(gè)屬性可以指定每個(gè)角的圓角半徑,也可以使用一個(gè)值來指定全部四個(gè)角的圓角半徑。
img { border: 1px solid #000; border-radius: 5px; }
上面的代碼表示為所有的圖片添加了 1 像素的實(shí)線邊框和 5 像素的圓角邊框。
除了以上的屬性,我們還可以使用box-shadow屬性來添加圖片陰影。這個(gè)屬性可以指定陰影的顏色、偏移量、模糊半徑和擴(kuò)散半徑等參數(shù)。
img { border: 1px solid #000; box-shadow: 2px 2px 5px #666; }
上面的代碼表示為所有的圖片添加了 1 像素的實(shí)線邊框和 2 像素偏移量、5 像素模糊半徑和 #666 顏色的陰影。
在實(shí)際應(yīng)用中,我們可以根據(jù)需要來組合使用上述的屬性,以達(dá)到更加豐富的效果。
上一篇mysql中間件對照表
下一篇百度百科html css