前言：
现时朋友们对“css表格虚线边框”大概比较关注，你们都需要了解一些“css表格虚线边框”的相关资讯。那么小编也在网上汇集了一些有关“css表格虚线边框””的相关文章，希望朋友们能喜欢，兄弟们一起来了解一下吧！在css中一般用border来表示边框。
首先设置一个宽500像素，高500像素的方框，把它的背景色设置为红色red。
我们给他加上边框，设置10像素、实心的颜色设置为蓝色。浏览器打开样式如下。
加入边框的显示效果
边框除了这种组合写法外，还可以分别设置它的属性。看下面代码，显示效果和上面一样。
border-width 边框宽度。
border-style 边框样式 solid 实线 dashed虚线 dotted点线 等等。
border-color 边框颜色 可以用英文单词、十六进制、rgb表示
边框样式为虚线的效果
边框的大小可以设置一样大，也可以分别设置四个边的大小，设置四个边的顺序一般为：上、右、下、左
上面代码中 top代表上为10像素，right代表右为30像素，bottom代表下为60像素，left代表左为90像素。
四个边的大小可以分别设置为，它的颜色也可以设置为多种样色
当我们把背景宽 高设为0像素，把四个边框设为200像素，就会看到四个三角形。
border-radius：100px 是设置圆角的属性。
设置为100像素，就会变成圆形
设置为50像素
transparent 是一个透明的效果
我们把边框的右边设置为transparent 右边框就会变成透明，看不到以前的黄色。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #css表格虚线边框
