CSS之边框属性

Posted 2020-07-09 冷的锋刃

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS之边框属性相关的知识，希望对你有一定的参考价值。

border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

border-style:dotted solid double dashed;

border-style的属性方位有四个分别为上、右、下、左，那么相对应border-style的dotted solid double dashed分别表示为上边框是点状、右边框点线、下边框双线和左边框虚线，当我们只定义一个属性的时候则边框为这一种属性。若边框的样式为none或hidden，否则边框不会出现。

border-color边框颜色如上。

下面例举一些常见的边框示例：

<head> <style type="text/css"> p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: double} p.groove {border-style: groove} p.ridge {border-style: ridge} p.inset {border-style: inset} p.outset {border-style: outset} </style> </head> <body> border border border border border border border </body>

以上是关于CSS之边框属性的主要内容，如果未能解决你的问题，请参考以下文章

CSS3之边框

前端必会的 HTML+CSS 常用技巧之虚线的实现方式

前端必会的 HTML+CSS 常用技巧之虚线的特殊实现方式

css中的border-collapse属性如何设置表格边框线？（代码示例）

CSS3之创建透明边框三角