CSS圓形邊框圖片是在網頁設計中常用的一種技巧,可以讓圖片的外框看起來更加美觀。以下是一些簡單的CSS代碼示例,可以幫助你實現圓形邊框圖片的效果。
img { border-radius: 50%; } /* 設置圖片為圓形邊框 */ img { border: 5px solid #000; border-radius: 50%; } /* 設置圖片為帶有黑色邊框的圓形邊框 */ img { border: 5px solid #000; border-radius: 50%; box-shadow: 0px 0px 10px #000; } /* 設置圖片為帶有黑色邊框和陰影的圓形邊框 */ img { border: 5px solid #000; border-radius: 50%; box-shadow: 0px 0px 10px #000, 0px 0px 20px #000; } /* 設置圖片為帶有黑色邊框和兩層陰影的圓形邊框 */
通過這些簡單的CSS代碼,你可以實現各種各樣的圓形邊框圖片效果,為你的網頁設計增加不少美感。