我们在设计网页样式的时候，经常会用到边框，那么css中的边框具体有哪些样式呢，下面我们来看。
首先，在css中设置border的时候，我们一般给给出三个值，线条样式，线条粗细，线条颜色。
以上的三个值，线条样式是必须要设置的，否则边框则无法显示到页面上，border的线条样式有四种，分别是：
实线（solid）
点线（dotted）
双实线（double）
虚线（dashed）
粗细和颜色可以默认，粗细默认是3px，颜色是根据当前元素的文本颜色决定的。
所以我们一般在初始border的时候可以这样写：元素名称.{border：solid 1px red;}，同时将三个值设定好
然后我们来看border除了默认出现四个框之外还能有哪些应用。
第一，使用border划出分割线
我们知道，在html中可以使用hr来划出分割线，但是hr的分割线无法设置粗细样式，使用起来很不方便。
于是我们可以使用border来给某个元素设置一个上边框或者下边框来实现分割线的效果。
具体代码如下：
p{border-bottom：solid 1px red;}
表示给p元素设置了一个1px的红色下框线，再调整一下border的位置，就实现了分割线的效果。
同样也可以选择使用border其他边线来设置成不同的效果
第二，使用border给元素形状添加圆角效果
我们在网页中看到的元素块不仅仅是方方正正的矩形，有时候会出现圆角，那么是怎么实现的呢？
也是border边框的应用。
代码是p：{border：solid 1px red;
border-radius：3px;}
表示给p元素加了一个半径为3px的圆角，3px表示圆角的弧度大小，值越高，弧度越大
必须先给出border的样式才能设置圆角，否则无法在页面显示。
以上，就是css中border边框的一些实际应用，还有更多的样式让我们一起来发现。
css3边框样式
原文地址：https://www.cnblogs.com/lecurs/p/9220128.html