給圖片加邊框是網頁設計中常見的布局技巧。下面我們介紹一些CSS代碼,幫助你為圖片增加邊框。
在CSS中,我們可以使用“border”屬性,這個屬性可以為元素增加邊框。以下是一些示例代碼:
為圖片添加一個實線邊框:
img { border: 1px solid black; }
為圖片添加一個點狀邊框:
img { border: 1px dotted black; }
為圖片添加一個雙線邊框:
img { border: 3px double black; }
為圖片添加一個虛線邊框:
img { border: 2px dashed black; }除了以上提到的邊框樣式,還有其他更多的樣式可以選擇,你可以根據你的需求和個人審美選擇不同的邊框樣式。 在CSS中,我們也可以為邊框設置圓角。以下是一些示例代碼:
為圖片添加一個圓角邊框:
img { border: 3px solid black; border-radius: 10px; }
為圖片添加一個只有左上角和右下角有圓角的邊框:
img { border: 3px solid black; border-radius: 10px 0 10px 0; }以上就是為圖片添加邊框的幾個常用樣式。如果你需要更復雜的樣式,可以在以上代碼的基礎上添加更多的CSS屬性來實現。
下一篇給頁面居中的css樣式