如何在ie浏览器下实现圆角div

最新推荐文章于 2018-03-12 09:02:10 发布

weixin_33958366

最新推荐文章于 2018-03-12 09:02:10 发布

阅读量264

点赞数

文章标签： python

原文链接：https://my.oschina.net/syc2013/blog/122270

版权

2019独角兽企业重金招聘Python工程师标准>>>

通过下面的css代码,可以实现圆角

<!-- lang: css -->
div: {border-radius:1px 2px 3px 4px;}

但是面临一个问题,那就是不支持ie. 直接列出来如何在多浏览器下实现圆角div

<!-- lang: html -->
<style type="text/css"> .b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;} .b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;} .b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #999;border-right:1px solid #999;} .b1,.b1b{margin:0 5px;background:#999;} .b2,.b2b{margin:0 3px;border-width:2px;} .b3,.b3b{margin:0 2px;} .b4,.b4b{height:2px;margin:0 1px;} .d1{background:#F7F8F9;} .k {height:300px;} 
<!-- lang: html -->

<!-- lang: html -->
</style> 
<!-- lang: html -->

<!-- lang: html -->
</head> 
<!-- lang: html -->

<!-- lang: html -->
<body> 
<!-- lang: html -->

<!-- lang: html -->
<div> 
<!-- lang: html -->

<!-- lang: html -->
<b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b> 
<!-- lang: html -->

<!-- lang: html -->
<div class="b d1 k"> 
<!-- lang: html -->

<!-- lang: html -->
<font style="font-size:26px;color:red; margin:0px 10px;">简洁型css圆角矩形</font> 
<!-- lang: html -->

<!-- lang: html -->
</div> 
<!-- lang: html -->

<!-- lang: html -->
<b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b> 
<!-- lang: html -->

<!-- lang: html -->
</div>

转载于:https://my.oschina.net/syc2013/blog/122270