CSS 圆角边框border-radius设置方法
圆角边框
CSS当中，可以通过border-radius属性为HTML元素的边框设置圆角（弧度），单位可以是px，也可以是百分比%，一般情况下，border-radius设置的是边框四个角的弧度，如果要单独设置某个角的弧度，可以采用border-position-radius来设置，其中position表示的是角的位置，可以是top-right、bottom-right，分别表示右上角和右下角，也可以是top-left和bottom-left，分别表示左上角和左下角。
同时设置四个角的弧度语法：
border-radius:value
单独设置某个角的弧度语法（比如右上角）：
border-top-right-radius:value
CSS圆角边框实例代码，及在线编辑器
<p class='radius1'>同时设置四个角的圆角边框属性</p>
<p class='radius2'>设置右上角的边框的圆角属性</p>
<style>
.radius1{border:1px solid skyblue;border-radius:5px;}
.radius2{border:1px solid skyblue;border-top-right-radius:15%;}
</style>