# CSS Border (边框) # CSS 边框 * * * CSS 边框 (border) 可以是围绕元素内容和内边距的一条或多条线，对于这些线条，您可以自定义它们的样式、宽度以及颜色。使用CSS边框属性，我们可以创建出比HTML中更加优秀的效果。 ## CSS 边框属性 | 属性 | 描述 | | --- | --- | | [border](http://www.php.cn/manual/view/33052.html) | 简写属性，用于把针对四个边的属性设置在一个声明。 | | [border-style](http://www.php.cn/manual/view/33054.html) | 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。 | | [border-width](http://www.php.cn/manual/view/33053.html) | 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。 | | [border-color](http://www.php.cn/manual/view/33055.html) | 简写属性，设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。 | | [border-bottom](http://www.php.cn/manual/view/33064.html) | 简写属性，用于把下边框的所有属性设置到一个声明中。 | | [border-bottom-color](http://www.php.cn/manual/view/33068.html) | 设置元素的下边框的颜色。 | | [border-bottom-style](http://www.php.cn/manual/view/33067.html) | 设置元素的下边框的样式。 | | [border-bottom-width](http://www.php.cn/manual/view/33065.html) | 设置元素的下边框的宽度。 | | [border-left](http://www.php.cn/manual/view/33069.html) | 简写属性，用于把左边框的所有属性设置到一个声明中。 | | [border-left-color](http://www.php.cn/manual/view/33072.html) | 设置元素的左边框的颜色。 | | [border-left-style](http://www.php.cn/manual/view/33071.html) | 设置元素的左边框的样式。 | | [border-left-width](http://www.php.cn/manual/view/33070.html) | 设置元素的左边框的宽度。 | | [border-right](http://www.php.cn/manual/view/33060.html) | 简写属性，用于把右边框的所有属性设置到一个声明中。 | | [border-right-color](http://www.php.cn/manual/view/33063.html) | 设置元素的右边框的颜色。 | | [border-right-style](http://www.php.cn/manual/view/33062.html) | 设置元素的右边框的样式。 | | [border-right-width](http://www.php.cn/manual/view/33061.html) | 设置元素的右边框的宽度。 | | [border-top](http://www.php.cn/manual/view/33056.html) | 简写属性，用于把上边框的所有属性设置到一个声明中。 | | [border-top-color](http://www.php.cn/manual/view/33059.html) | 设置元素的上边框的颜色。 | | [border-top-style](http://www.php.cn/manual/view/33058.html) | 设置元素的上边框的样式。 | | [border-top-width](http://www.php.cn/manual/view/33057.html) | 设置元素的上边框的宽度。 | ## 边框样式 边框样式属性指定要显示什么样的边界。 ** border-style**属性用来定义边框的样式 ## border-style 值: none: 默认无边框 dotted: dotted:定义一个点线框 dashed: 定义一个虚线框 solid: 定义实线边界 double: 定义两个边界。 两个边界的宽度和border-width的值相同 groove: 定义3D沟槽边界。效果取决于边界的颜色值 ridge: 定义3D脊边界。效果取决于边界的颜色值 inset:定义一个3D的嵌入边框。效果取决于边界的颜色值 outset: 定义一个3D突出边框。 效果取决于边界的颜色值