深入理解border屬性

定義

border： thin, medium(預設值)，thick

其他條件

border不支援百分比

border不會隨著裝置的放大縮小而改變

例項ie7、ie8實現圓角效果

.parent

.parent > .child

div

.parent

.parent:hover

div

.parent

不使用，如何使用單核取方塊的效果

.checkbox

.icon

CSS深入理解之border

總結自慕課網 個人理解 width屬性具有繼承性，假設父元素100px 子元素設定50 則為50px 而border width不具有繼承性，如果使用百分比，瀏覽器解析時應該向誰作為參考物件呢，所以只能用指定大小來確定。類似不支援百分比的有 outline,border shadow,text sh...

CSS深入理解之border篇

border的屬性 1.border width 不支援百分比，支援關鍵字，thin 1px medium 預設值，3px，預設值是3px的原因是只有當border是3px及以上時，border style才有效 果 thick 5px 2.border style 有不同值，下面分析分別為不同值時...

深入理解之border屬性（第一期）

border width屬性不支援百分比值,不會因為裝置的尺寸變化而變大 類 outline,box shadow,text shadow border width支援關鍵字，thin 1px 細 medium 3px 預設 thick 5px 粗 border style solid 經常使用的實...