欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

CSS边框倒角

最编程 2024-08-08 08:12:17
...

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

border-radius:值;

单独设置

border-top-left-radius:

border-top-right-radius:

border-bottom-left-radius:

border-bottom-right-radius:

#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>

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