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

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


div: {border-radius:1px 2px 3px 4px;} 

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


<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>

你可能感兴趣的:(ie浏览器下实现圆角div)