一、边框线类型
在CSS中，我们可以为边框线设置多种类型，包括实线、虚线、点线等。我们可以使用border-style属性来设置边框线的类型。下面是一个示例代码：
p {
border-style: dotted;
}
上面的代码将为所有p标签设置点线边框。我们还可以通过设置border-width和border-color属性来修改边框的宽度和颜色。例如：
p {
border-style: dotted;
border-width: 2px;
border-color: red;
}
上面的代码将为所有p标签设置2像素宽、红色点线边框。我们还可以将这些属性合并并简写成border属性：
p {
border: 2px dotted red;
}
以上代码和上面的代码效果相同。
二、圆角边框
我们可以使用border-radius属性来为元素添加圆角边框。例如：
p {
border: 2px solid black;
border-radius: 10px;
}
上面的代码将为所有p标签设置2像素宽、黑色实线边框，并将边框的四个角都设置成10像素半径的圆角。
我们还可以为每个角分别设置圆角半径：
p {
border: 2px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}
上面的代码将为所有p标签设置2像素宽、黑色实线边框，并将左上角的圆角半径设置为10像素、右上角的圆角半径设置为20像素、左下角的圆角半径设置为30像素、右下角的圆角半径设置为40像素。
三、边框与内容的间距
默认情况下，边框线紧贴元素的内容，我们可以使用padding属性为内容添加内边距。然而，在某些情况下，我们可能需要为边框线和内容之间添加一定的间距。例如：
p {
border: 2px solid black;
padding: 10px;
}
上面的代码将为所有p标签设置2像素宽、黑色实线边框，并为内容添加10像素内边距。
如果要为边框线和内容之间添加间距，我们可以使用box-sizing属性将元素的盒模型设置为border-box。例如：
p {
border: 2px solid black;
padding: 10px;
box-sizing: border-box;
}
上面的代码将为所有p标签设置2像素宽、黑色实线边框，并为内容添加10像素内边距。同时，box-sizing属性将元素的宽度和高度设置为包括边框和内边距的大小，因此不会改变元素本身的大小。
四、边框样式的变换
我们可以使用CSS3的transition属性为边框样式添加过渡效果。例如：
p {
border: 2px solid black;
transition: border-color 0.5s ease;
}
p:hover {
border-color: red;
}
上面的代码将为所有p标签设置2像素宽、黑色实线边框。当鼠标悬停在p标签上时，边框的颜色将从黑色过渡到红色，过渡时间为0.5秒，过渡效果为ease缓动函数。
五、使用CSS绘制三角形边框
在某些情况下，我们可能需要为元素创建三角形边框。我们可以使用CSS中的伪元素:before和:after来绘制三角形边框：
p {
position: relative;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: red transparent transparent transparent;
}
p:before {
content: "";
position: absolute;
top: -20px;
left: -20px;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent red transparent;
}
上面的代码将为所有p标签创建一个从左下角到右下角的红色三角形边框。我们使用了伪元素:before来绘制三角形边框的左半部分，使用了border-style、border-width和border-color属性来控制边框的样式、宽度和颜色。注意，伪元素的两个border-color属性需要设置成transparent，以在三角形的对角线处隐藏边框线。
六、总结
CSS中的border属性可以为元素添加边框线，并提供多种类型、宽度、颜色和圆角的设置。我们也可以使用padding属性为内容添加内边距，使用box-sizing属性为边框和内边框添加间距，使用transition属性添加过渡效果。如果需要绘制特殊形状的边框，我们可以使用CSS3的伪元素和border属性的组合。
