在CSS中,您可以使用border
屬性在圖片周圍加上邊框,以下是一些示例代碼,展示如何為圖片添加邊框:
1、添加基本邊框:
img { border: 1px solid #000; }
上述代碼會(huì)給圖片添加1像素寬的黑色邊框,您可以根據(jù)需要調(diào)整邊框的寬度和顏色。
2、添加圓角邊框:
img { border: 10px solid #000; border-radius: 10px; }
這段代碼不僅添加了邊框,還使用了border-radius
屬性使邊框呈現(xiàn)圓角效果,您可以根據(jù)需要調(diào)整邊框的圓角大小。
3、添加陰影效果:
img { border: 2px solid #000; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
這段代碼在邊框外部添加了陰影效果,使圖片看起來更加立體,您可以根據(jù)需要調(diào)整陰影的大小和顏色。
這些示例代碼只是演示了基本的用法,您可以根據(jù)自己的需求進(jìn)行調(diào)整,確保您的圖片已經(jīng)存在于HTML文檔中,并且已經(jīng)正確鏈接到CSS樣式表中。