CSS - 圆角

  • 作者:KK

  • 发表日期:2016.1.30


属性和值:border-radius:7px;

这个属性可以让一个4边形的4只角变成圆的,看起来会舒服一点,例子:

<div style="width:400px; height:300px; background:#A9B7C1; border:3px solid #008000; border-radius:9px;"></div>

去掉border-radius属性后就会变回直角了,有时候一些网页元素使用圆角变得圆润起来会看着舒服些

但是千万别乱用,到处都是圆的时候反而又不好看了,这个一般由设计师来设计好图纸给你,只是有时候需要你自己发挥

圆角真的不是绝对的好东西,起码这两年都开始流行扁平化设计了,在扁平化风格潮流下反而直角的区域设计受到推崇