在CSS中,我們可以使用 border 屬性為圖像添加邊框。這可以通過在img
元素上應用樣式來完成。
img { border: 1px solid black; }
在該示例中,我們使用了 1 像素寬的實線黑色邊框。您可以調整這些值以適合您的設計。
如果您只想在圖像的某一側添加邊框,您可以使用 border-top、border-bottom、border-left 和 border-right 來選擇所需的邊框。例如,下面的代碼在圖像的左邊添加一個紅色的實線邊框。
img { border-left: 2px solid red; }
需要注意的是,如果您的圖像是一個鏈接,則應級聯應用任何樣式定義。例如:
a img { border: 1px solid black; }
在此示例中,我們將應用樣式到所有的鏈接圖片,即使圖像指定的樣式不包含樣式邊框。
在開發網站時,邊框可以為圖像提供更清晰的視覺效果,并且需要時可以吸引網站訪問者的注意力。