CSS3 知识量:11 - 43 - 138
边框主要包括以下基本属性:
border-width 用于设置边框的粗细。
border-color 用于设置边框的颜色。
border-style 用于设置边框的类型。
border-image 用于设置使用图片填充边框。
border-radius 用于设置边框的圆角效果。
设置边框的前3个基本属性时,可以采用简写方式:
border:border-width border-color border-style
每个属性之间使用空格分隔,且没有先后顺序。但是,简写时,border-style是必要项。
边框的类型如下表所示:
属性值 | 说明 |
---|---|
none | 无边框。 |
hidden | 与none类似。但用于表格时,可以解决边框冲突。 |
dotted | 点状边框。 |
dashed | 虚线边框。 |
solid | 实线边框。 |
double | 双线边框。线宽等于border-width的值。 |
groove | 3D凹槽边框。效果取决于border-color的值。 |
ridge | 3D垄状边框。效果取决于border-color的值。 |
inset | 3D inset边框。效果取决于border-color的值。 |
outset | 3D outset边框。效果取决于border-color的值。 |
inherit | 从父元素继承边框样式。 |
受浏览器支持情况的影响,对于以上类型的具体显示效果,各浏览器存在明显差异。
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6