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