根據(jù)慕課網(wǎng)教程,整理相關(guān)知識如下:
一歉提、border-width
border-width不支持百分比浙炼,類似的還有outline、box-shadow唯袄、text-shadow等。
border-width支持關(guān)鍵字:thin蜗帜、medium(默認(rèn)值)恋拷、thick。
二厅缺、border-style
none:定義無邊框蔬顾;
hidden:與 "none" 相同。不過應(yīng)用于表時除外湘捎,對于表诀豁,hidden 用于解決邊框沖突;
dotted:定義點(diǎn)狀邊框窥妇。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線舷胜;
dashed:定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線活翩;
solid:定義實(shí)線烹骨;
double:定義雙線,雙線的寬度等于 border-width 的值材泄;
groove:定義 3D 凹槽邊框沮焕,其效果取決于 border-color 的值;
ridge:定義 3D 壟狀邊框拉宗,其效果取決于 border-color 的值峦树;
inset :定義 3D inset 邊框(內(nèi)凹)辣辫,其效果取決于 border-color 的值;
outset:定義 3D outset 邊框(外凸)魁巩,其效果取決于 border-color 的值急灭。
inherit 規(guī)定應(yīng)該從父元素繼承邊框樣式。
三歪赢、border-color
當(dāng)沒有指定border-color時化戳,邊框顏色被設(shè)置為當(dāng)前元素color屬性.
四、border與三角圖形的構(gòu)建
五埋凯、border與透明邊框
六点楼、border在布局中的應(yīng)用
利用border實(shí)現(xiàn)等高布局(局限:不支持百分比寬度)