border-radius,CSS 3.0中的一员,是圆角属性。
使用方法:border-radius:5px;
浏览器支持:IE9+、Firefox4+、Chrome、Safari5+、Opera。
在IE9中,border-radius有时会失效,这让人挺不悦的。
解决方法:在<head>标签中添加 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
【注意】此方法同样适用于 box-shadow、text-shadow
【实例一】div 块状元素实例:
no border-radius;
border-radius:7px;
【实例二】img 图片元素实例:
【实例三】p 段落元素实例:
no border-radius;
border-radius:7px;