css 设置圆角边框线 |css 点击加边框后浮动

border-radius: 10px;

以上代码将会在一个元素的四个角上设置10像素的圆角。

如果大家只想在其中一个角上设置圆角，大家可以使用以下代码：

border-top-left-radius: 10px;

以上代码将会在元素的左上角设置10像素的圆角边框线。

大家也可以不使用具体的像素值，而是使用百分比来设置圆角边框线：

border-radius: 50%;

以上代码将会在元素的四个角上设置一个50%的圆形边框线，使元素变成一个圆形。

除了四个角，大家还可以设置边框的顶部和底部：

border-top-right-radius: 10px;
border-bottom-right-radius: 10px;

以上代码将会在元素的右上角和右下角设置10像素的圆角边框线。

总之，使用border-radius属性能够简单而快捷地为元素设置圆角边框线，使网页更加美观。