CSS3

CSS3 知识量:11 - 43 - 138

3.1 边框简介><

边框的基本属性- 3.1.1 -

边框主要包括以下基本属性:

  • border-width 用于设置边框的粗细。

  • border-color 用于设置边框的颜色。

  • border-style 用于设置边框的类型。

  • border-image 用于设置使用图片填充边框。

  • border-radius 用于设置边框的圆角效果。

设置边框的前3个基本属性时,可以采用简写方式:

border:border-width border-color border-style

每个属性之间使用空格分隔,且没有先后顺序。但是,简写时,border-style是必要项。

边框的类型- 3.1.2 -

边框的类型如下表所示:

属性值说明
none无边框。
hidden与none类似。但用于表格时,可以解决边框冲突。
dotted点状边框。
dashed虚线边框。
solid实线边框。
double双线边框。线宽等于border-width的值。
groove3D凹槽边框。效果取决于border-color的值。
ridge3D垄状边框。效果取决于border-color的值。
inset3D inset边框。效果取决于border-color的值。
outset3D outset边框。效果取决于border-color的值。
inherit从父元素继承边框样式。

受浏览器支持情况的影响,对于以上类型的具体显示效果,各浏览器存在明显差异。