在CSS3中,Border-radius属性用来设置边框的圆角。是CSS3中级别最高的一个属性。
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
注意:请在Safari 5和IE9浏览器中执行“border-radius”语法。
这个属性可以做一个圆。
-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
如果想再添加点效果,我们可以利用Flexible Box Model来使得文字在垂直在水平方向都居中。这需要加点代码,但这仅仅是对不同浏览器的补偿。
display: -moz-box;display: -webkit-box;display: box;-moz-box-orient: horizontal; -webkit-box-orient: horizontal;box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;-webkit-box-pack: center;-webkit-box-align: center;box-pack: center;box-align: center;