比如 一个div 套个 input框, 然后div给个背景色
里面的input框用border-radius,这样就可以凸显出四个边角了
说简单就是用很多div，设置他们border-left和border-right 堆出一个圆角出来，就是从上到下改变他们的margin-left和margin-right,最上面的的margin的值最大，最下面的margin值最小！ 原理就是这样的！<html><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>Demo</title>
<style type="text/css">
body {margin:0 15px
}
/*布局*/
#main {
position:absolute
top:50px
border:solid 1px #999999/*设置边框*/
}
/*圆角控制*/
#tl {
position:absolute
margin:0
padding:0
left:-1px
top:-1px
}
#tr {
position:absolute
margin:0
padding:0
right:-2px
top:-1px
background-color:#fff
}
#bl {
position:absolute
margin:0
padding:0
left:-1px
bottom:-1px
}
#br {
position:absolute
margin:0
padding:0
right:-2px
bottom:-1px
}
/*结束*/
#content {
height:150px
margin:5px
}</style>
</head>
<body>
<div id="main"><img src="http://7thpark.com/parklog/upload/rc_01.jpg" alt="tl" id="tl" /><img src="http://7thpark.com/parklog/upload/rc_03.jpg" alt="tr" id="tr" /><img src="http://7thpark.com/parklog/upload/rc_06.jpg" alt="bl" id="bl" /><img src="http://7thpark.com/parklog/upload/rc_07.jpg" alt="br" id="br" />
<div id="content">这里实现了圆角</div>
</div>
</body>
</html>
这个网上的代码图片页打不开了 请教那圆角的图片按照上面的代码应该是啥尺寸的?
感谢~
