web边框样式怎么设置1.dotted: 这个值就是用来进行一个点线边框的定义的。
2.dashed: 这个值就是用来画一个虚线的边框的。
3.solid: 这个主要是用来做一个实线的边框的。
4.double: 这个参数主要用来定义一个双线的边框的，这种双线的边框适合表格。
5.groove:这个参数主要用来定义一个3D的边框的，有了这样的一个效果之后，网页上的边框更直观一些。
6.边框宽度。有了边框的样式之后， 大家还可以定义一下边框宽度。
{
border-style:solid;
border-width:5px;
}
7.边框颜色。边框颜色也是一个重要的样式。大家同样可以通过CSS语句来实现这样的一个标准。
{
border-style:solid;
border-color:red;
}
8.边框不仅仅是统一的样式在一个图层当中，它还可以在各边展现不同的边框样式效果。
p
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}
9.边框的属性可以分别进行一一设置，也可以集中在一起用一个语句呈现出来。
<style>
p
{
border:5px solid red;
}
</style>
首先创建两个嵌套关系盒子，外面的盒子边框设置成橙色，里面的盒子边框设置成你想要的颜色，并多加一个box-sizing: border-box;