border边框样式

撰写时间:2019年02月21日
虚线边框如下:
border边框样式_第1张图片
border边框样式_第2张图片
源代码:
.boeder{
width: 200px;
height: 200px;
border-style:dashed;
}
点线边框
border边框样式_第3张图片
border边框样式_第4张图片
源代码:
.boeder{
width: 200px;
height: 200px;
border-style:dotted;
}

实线边框
border边框样式_第5张图片
border边框样式_第6张图片
源代码:
.boeder{
width: 200px;
height: 200px;
border-style:solid;
}
双线边框:
border边框样式_第7张图片
border边框样式_第8张图片
源代码:
.boeder{
width: 200px;
height: 200px;
border-style:double;
}

你可能感兴趣的:(border边框样式)