DIV+CSS中的圆角该怎么实现

来源:百度知道 编辑:UC知道 时间:2024/05/21 04:34:54
望有实例代码

<style>
.d{ text-align:center; width:200px;}
.d div{ text-align:left; overflow:hidden;}
.d1{ width:196px; height:1px; background:#0f9;}
.d2{ width:198px; height:1px; background:#0f9;}

.m{ height:120px; background:#0F9;}
</style>

<div class="d">
<div class="d1"></div>
<div class="d2"></div>
<div class="m">主体</div>
<div class="d2"></div>
<div class="d1"></div>
</div>
这个方法太牛了,看了2楼的回复,真佩服。

<style>
.d{ text-align:center; width:200px;}
.d div{ text-align:left; overflow:hidden;}
.d1{ width:196px; height:1px; background:#0f9;}
.d2{ width:198px; height:1px; background:#0f9;}

.m{ height:120px; background:#0F9;}
</style>

<div class="d">
<div class="d1"></div>