2_常用样式-border

　　　　

　　CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性,是复合属性。

　　　　-默认值为：medium none。border-color的默认值将采用文本颜色。
　　　　-要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

 

示例：

　　

border-width: 10px; border-style: solid; border-color: rgb(9, 158, 106); border-color: #aaccce;

多值写法示例：

　　

border-width: 5px 10px 20px; border-style: solid dashed; border-color: red blue yellow green;
border-left-width: 20px;
border-right-style: dashed;
border-top-color: blue;

两个值：上下 左右
三个值：上 左右 下
四个值：上 右 下 左

 

 

复合写法示例：

border: 5px solid red;
border-bottom: 5px solid red;

　

　　　　另外，在同一个元素中，两条相交的边框，相交的地方是斜边，所以我们可以以此特性制作一个三角形；

width: 0; height: 0; border-top: solid #000; border-left: solid transparent;（透明） border-right: solid transparent; border-width: 50px;

 

 

　　

转载于:https://www.cnblogs.com/chosen-man/p/6682549.html

总结

以上是生活随笔为你收集整理的2_常用样式-border的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。