圓形圖片是網(wǎng)頁設計中常見的元素,為圓形圖片添加邊框可以讓圖片更加突出,吸引用戶關注。CSS中可以使用border屬性為圖片添加邊框。
<img src="example.jpg" alt="example" class="circle">
首先,在HTML中創(chuàng)建一個img標簽,設置圖片的屬性和類名circle。
.circle { border: 2px solid #000; border-radius: 50%; }
在CSS中使用圓角屬性border-radius來將圖片變?yōu)閳A形,值設置為50%。然后使用border屬性給圓形圖片添加邊框,值為2px實線,顏色為黑色。
以上就是使用CSS給圓形圖片添加邊框的方法。