css实现无边框圆角效果
<html><head>
<title>CSS圆角</title>
<style type="text/css">
.round
{
width:200px;
left:100px;
top:100px;
position:absolute;
background:none;
overflow:none;
}
.round_conner
{
background:none;
overflow:none;
}
.round_body
{
height:190px;
background:#abc ;
overflow:none;
}
.round_body_contain
{
padding:10px;
}
.l1,.l2,.l3,.l4
{
font-size:0;
height:1px;
overflow:none;
width:auto;
background:#abc;
clear:both;
}
.l1
{
margin:0 5px;
}
.l2
{
margin:0 3px;
}
.l3
{
margin:0 2px;
}
.l4
{
margin:0 1px;
}
</style>
</head>
<body>
<div class="round">
<div class="round_conner">
<div class="l1">
</div>
<div class="l2">
</div>
<div class="l3">
</div>
<div class="l4">
</div>
<div class="l4">
</div>
<div class="l4">
</div>
</div>
<div class="round_body" >
<div class="round_body_contain">
我是无边框圆角....<br/>
我是无边框圆角....<br/>
我是无边框圆角....<br/>
</div>
</div>
<div class="round_conner">
<div class="l4">
</div>
<div class="l4">
</div>
<div class="l3">
</div>
<div class="l2">
</div>
<div class="l1">
</div>
</div>
</div>
</body>
</html>
页:
[1]