給元素添加邊框
CSS邊框屬性允許你指定一個元素邊框的樣式和顏色, 和邊框寬度。
可以使用 border 屬性將邊框樣式,顏色,和寬度 一起設置。
如果不設置其中的某個值,也不會出問題,比如 border: solid #ff0000;
也是允許的。
使用border-style屬性設置邊框樣式
邊框樣式屬性指定要顯示什么樣的邊界。除了在 border 屬性里面設置邊框樣式, 還可以使用border-style屬性來定義邊框的樣式。
使用border-style屬性將圖片邊框樣式為虛線邊框。
使用border-color屬性設置邊框顏色
border-color屬性用于設置邊框的顏色??梢栽O置的顏色:
● name - 指定顏色的名稱,如 “red”
● RGB - 指定 RGB 值, 如 “rgb(255,0,0)”
● Hex - 指定16進制值, 如 “#ff0000”
你還可以設置邊框的顏色為 “transparent”(繼承父親)。
注意: border-color單獨使用是不起作用的,必須得先使用border-style來設置邊框樣式。
使用border-width屬性設置邊框寬度
你可以通過 border-width 屬性為邊框指定寬度。為邊框指定寬度有兩種方法:
①可以指定長度值,比如 2px,
②使用 關鍵字 thick 、medium(默認值) 和 thin。
注意:
①CSS 沒有定義 3 個關鍵字的具體寬度,
②所以一個用戶可能把 thick 、medium 和 thin 分別設置為等于 5px、3px 和 2px,
③而另一個用戶則分別設置為 3px、2px 和 1px。文章來源:http://www.zghlxwxcb.cn/news/detail-811981.html
使用border-radius屬性設置圓角邊框
border-radius 屬性允許你為元素添加圓角邊框。文章來源地址http://www.zghlxwxcb.cn/news/detail-811981.html
到了這里,關于CSS給元素添加邊框(樣式、顏色、寬度)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!