使用CSS画圆角边框

最新推荐文章于 2021-08-03 22:15:50 发布

sandy_kisa

最新推荐文章于 2021-08-03 22:15:50 发布

阅读量991

点赞数

分类专栏： CSS 文章标签： css safari firefox chrome 浏览器

CSS 专栏收录该内容

0 篇文章

订阅专栏

.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