Web前端之路让前端飞

CSS之盒子(四)

2017-08-09  本文已影响12人  前端梵风

一,圆角

使用border-radius属性就可以为盒子创建圆角。

使用以下属性就可以为盒子的每一个角创建圆角。

1.border-top-right-radius

2.border-bottom-right-radius

3.border-bottom-left-radius

4.border-top-left-radius

5.还可以用快捷设置

border-radius:10px,10px ,10px,10px

顺时针设置

二,椭圆形

要给圆角的横向值和纵向值指定不同的距离。

如:   

border-top-left-radius:80px,50px;

上一篇 下一篇

猜你喜欢

热点阅读