边框倒角(边框圆角)属性
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>
边框倒角就是说将四周加上一定弧度,首先要进行选择器声明需要倒角的标记元素。