CSS边框属性
CSS边框属性
边框风格属性(border-style)
这个属性用来设定上下左右边框的风格,它的值如下:
?none (没有边框,无论边框宽度设为多大)
?dotted (点线式边框)
?dashed (破折线式边框)
?solid (直线式边框)
?double (双线式边框)
?groove (槽线式边框)
?ridge(脊线式边框)
?inset (内嵌效果的边框)
?outset (突起效果的边框)
演示示例:分别使用none,dotted, dashed, solid, double, groove, ridge, inset, outset的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;}
边框宽度属性(border-width)
这个属性用来设定上下左右边框的宽度,它的值如下:
?medium (是缺省值)
?thin (比medium细)
?thick (比medium粗)
?用长度单位定值。可以用绝对长度单位(cm, mm, in, pt, pc)或者用相对长度单位(em, ex, px)。
演示示例:分别用medium, thin, thick和长度单位定制的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;}
thin。