CSS中為圖片添加邊框是很基礎的操作,但是如果還想讓邊框有特色,比如想要一個藍色的邊框,該如何實現呢?
img { border: 2px solid blue; }
上面這段CSS代碼就可以給所有的img元素添加藍色邊框,其中border屬性定義了邊框的樣式,2px是邊框的寬度,solid表示實線,blue是邊框的顏色。
當然,有時候我們可能只想給某些特定的圖片添加邊框。這時候可以給這些圖片添加一個特定的class,再在CSS中設置該class的樣式:
.blue-border { border: 2px solid blue; }
上面這段代碼中,我們給一個圖片添加了blue-border的class,并在CSS中設置了該class的邊框樣式。
總之,為圖片添加邊框非常簡單,只需要使用CSS中的border屬性就可以輕松搞定。如果想要特殊的效果,可以設置自己喜歡的邊框樣式和顏色。
上一篇jquery3d旋轉插件
下一篇vue樹狀列表 可選