-
border 不支持百分比
有三個(gè)默認(rèn)值 ?thin 1px thick 5px ?medium 3px(默認(rèn)值)?
border-style:double(3px才有效果 ?所以默認(rèn)值medium)
查看全部 -
border寬度不可使用百分比，受此限制，無法用于百分比布局需要； boder-color屬性可繼承color，因此可用于一次性優(yōu)化多個(gè)布局； border可以透明，transparent屬性，可利用此屬性生成三角或者梯形； border-style中的double及dotted可用于創(chuàng)建三條短線樣式、圓。 border以及background配合使用，可以定位背景圖片至右側(cè)。（backgroud-positon默認(rèn)相對左上角）查看全部
-
了解各種border-style類型。 實(shí)線 border-style:solid; 虛線 border-style:dashed; chrome/firefox: 寬3：高1 視覺上較稀疏 IE: 寬2：高1 視覺上較密集 點(diǎn)線 border-style:dotted; chrome/firefox: 小方 IE: 小圓查看全部
-
為何border-width不支持百分比？ 語義和使用場景使用決定的。 邊框不會(huì)因?yàn)樵O(shè)備大就按照比例變大的。 不支持百分比的：border-width outline box-shadow text-shadow border-wide 支持關(guān)鍵字來調(diào)節(jié)粗細(xì)：thin 1px ,medium(默認(rèn)3px), thick 5px查看全部
-
為何border-wide 不支持百分比值？ 語義和使用場景使用決定的。 邊框不會(huì)因?yàn)樵O(shè)別大就按照比例變大的 so, outline,box-shadow, border-wide 支持關(guān)鍵字：thin ,medium(默認(rèn)3px), thick查看全部
-
border-color的默認(rèn)值是color 一樣的話設(shè)置一個(gè)即可 且hover 得到的transiton就寫color即可查看全部
-
三等分查看全部
-
double的規(guī)則查看全部
-
根據(jù)dotted在ie7 8中實(shí)現(xiàn)圓角效果查看全部
-
兩欄等高布局查看全部
-
更改圖標(biāo)顏色查看全部
-
增加響應(yīng)區(qū)大小查看全部
-
.exampel{ width: 100px; height: 100px; border: 100px solid; border-color: red green blue orange }查看全部
-
圖片局右，且一直保持40px的間距，使用border屬性查看全部
-
border-width支持關(guān)鍵字來調(diào)節(jié)粗細(xì)查看全部
舉報(bào)
0/150
提交
取消