使用 CSS 給圖片添加白色邊框是一種常見的效果,可以使圖片與頁面更加和諧地融合在一起。下面我們將介紹這個效果的實現方法。
首先,在 CSS 中使用 border 屬性可以給圖片添加邊框,如下所示:
img { border: 1px solid #fff; }在這里,我們設置了一像素寬度的實線邊框,并將邊框的顏色設置為白色。因此,在頁面上顯示的圖片將會被罩上一層白色邊框。 如果你想要調整邊框的寬度、樣式或顏色,可以按照下面的方式進行設置:
img { border: 3px dashed red; }在上面的代碼中,我們將邊框的寬度設置為三像素,樣式設置為虛線,顏色設置為紅色。這里的樣式和顏色的值可以根據具體需求進行調整。 另外,如果你只想在圖片頂部和底部添加邊框,而左右兩側不添加邊框,可以使用下面的代碼:
img { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }在這里,我們分別為圖片的頂部和底部設置了一像素寬的實線邊框,而左右兩側沒有設置邊框。 總之,通過使用 CSS 中的 border 屬性,可以輕松地給圖片添加白色邊框,從而使圖片與頁面更加和諧地融合在一起。