CSS边框倒角

2018-08-29 10:26:48 浏览数 (1)

边框倒角(边框圆角)属性

border-radius:值;

单独设置

border-top-left-radius:

border-top-right-radius:

border-bottom-left-radius:

border-bottom-right-radius:

代码语言:javascript复制
#img1{border:1px solid orange;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
div>img {width:200px;
height:200px;
border:1px dotted black;
border-radius:5%;}
</style>

边框倒角就是说将四周加上一定弧度,首先要进行选择器声明需要倒角的标记元素。

0 人点赞