css：border的写法（圆⾓）
⼀、在style中，元素的边框有三个常⽤属性，中间⽤空格隔开：
border: width(边框粗细)  style(边框样式)  color(边框颜⾊)；
举例：border：20px  solid  red;
就是 20px的--实⼼的--红⾊的边框。
⼆、border的第⼆个值控制边框的样式，style有三个可选值。我们可以通过改变它来实现⼀条实线、虚线、或者点线。
style的关键词：solid————实线边框；
dashed ---------虚线边框；
dotted  ``````````点线边框；
三、border的第三个值控制边框的颜⾊，可以写颜⾊对应的英⽂单词，也可以⽤
⼗六进制代码控制。
（1）关键字：英⽂单词eg: red blue yellow green……
（2）⼗六进制写法：#fffff为⽩⾊，还有很多颜⾊，可以打开ps，从调⾊盘上选择需要的颜⾊，然后直接把颜⾊复制下来。
不懂得朋友看图：
复制选中部分，粘贴在你的border ：10px solid #e45872;
四、边框⽅向
边框是四个⽅向，可以通过left，right,top,bottom进⾏控制
如：border-top:10px solid red；上边框
border-left:10px solid red；左边框——以此类推
五、边框可选择
我们也可以只设置左边框或者其他某个⽅向的边框。只要单独设置所需要的⽅向的边框的值即可。
六、圆⾓
实现圆⾓很简单，只需要设置border-radius属性。
border-radius的值越⼤，⾓越圆。
上代码
div{
width: 100px;
height: 100px;
border-radius: 10px;
background: green;
}
效果：
border-radius可以设置四个⽅向，分别为：左上，右上，右下，左下。
上代码
border radius什么意思div{
width: 100px;
height: 100px;
border-radius: 10px 20px 30px 40px;
background: green;
}
效果：
好啦，⾃⼰敲代码试试看吧~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。