CSS边框属性优秀讲义.pptVIP

CSS边框属性 CSS边框属性 边框风格属性(border-style) 这个属性用来设定上下左右边框的风格，它的值如下： none (没有边框，无论边框宽度设为多大) dotted (点线式边框) dashed (破折线式边框) solid (直线式边框) double (双线式边框) groove (槽线式边框) ridge(脊线式边框) inset (内嵌效果的边框) outset (突起效果的边框) ★演示示例：分别使用none,dotted, dashed, solid, double, groove, ridge, inset, outset的CSS边框风格属性示例 html head title边框风格属性 border-style /title style type=text/css .d1 {border-style:none;} .d2 {border-style:solid;} .d3 {border-style:dotted;} .d4 {border-style:dashed;} .d5 {border-style:double;} .d6 {border-style:groove;} .d7 {border-style:ridge;} .d8 {border-style:inset;} .d9 {border-style:outset;} /style /head body div这个div的CSS边框风格(border-style)属性缺省值是none。/div br div class = d1这个div的CSS边框风格(border-style)属性是none。/div br div class = d2这个div的CSS边框风格(border-style)属性是solid。/div br div class = d3这个div的CSS边框风格(border-style)属性是dotted。/div br div class = d4这个div的CSS边框风格(border-style)属性是dashed。/div br div class = d5这个div的CSS边框风格(border-style)属性是double。/div br div class = d6这个div的CSS边框风格(border-style)属性是groove。/div br div class = d7这个div的CSS边框风格(border-style)属性是ridge。/div br div class = d8这个div的CSS边框风格(border-style)属性是inset。/div br div class = d9这个div的CSS边框风格(border-style)属性是outset。/div br /body /html 边框宽度属性(border-width) 这个属性用来设定上下左右边框的宽度，它的值如下： medium (是缺省值) thin (比medium细) thick (比medium粗) 用长度单位定值。可以用绝对长度单位(cm, mm, in, pt, pc)或者用相对长度单位 (em, ex, px)。 ★演示示例：分别用medium, thin, thick和长度单位定制的CSS边框宽度属性示例 head title边框宽度 border-width/title style type=text/css .d1 {border-style:solid;} .d2 {border-width:thin;border-style:solid;} .d3 {border-width:thick;border-style:solid;} .d4 {border-width:10px;border-style:solid;} .d5 {border-width:5mm;border-style:solid;} /style /head body div class= d1这个div的CSS边框宽度(border-width)属性缺省值是medium。/div br div class= d2这个div的CSS边框宽度(border-width)属性值是thin。/div br div class= d3这个div的CSS边框宽度(border-width)属性值是thick。/div br div class= d4这个div的CSS边框宽度(border-width)属性值是10px。/div br div class= d5这个div的CSS边框宽度(border-width)属性值是5mm。/div /body /html 边框颜色属性(bor