使用CSS画圆角边框

来源:互联网 发布:网络盗刷外国信用卡 编辑:程序博客网 时间:2024/09/21 09:02
.bg{  /* CSS3 border-radius: 20px; */   border-top-left-radius: 10px;   border-top-right-radius: 10px;   border-bottom-left-radius: 10px;   border-bottom-right-radius: 10px;   /* Firefox  -moz-border-radius: 20px;  */   -moz-border-radius-topleft: 8px;   -moz-border-radius-topright: 8px;   -moz-border-radius-bottomleft: 8px;   -moz-border-radius-bottomright: 8px;    /* Safari,Chrome -webkit-border-radius: 8px;*/   -webkit-border-top-left-radius: 8px;   -webkit-border-top-right-radius: 8px;   -webkit-border-bottom-left-radius: 8px;   -webkit-border-bottom-right-radius: 8px;    background-color: #e5e5e5;}

不用贴图的方法,画出背景图片四角为椭圆形。

适用浏览器参考下面网页。

http://css.doyoe.com/properties/border/border-top-left-radius.htm



原创粉丝点击