Div切 圆 角的 实现原理 ：
1，首先使用 p标签 ，第一行距Div的 边距 为一个数值（假设为3px;）；
2，第二个p标签在第一个的下一行，距Div的边距为第一行的减去一个像素数值（假设为2px;）；
3，依次实现，直到最后一个p标签的值为1px；
4，第一行全显示，后面的只显示两头的一个像素即可。
5，再配合中间的DIV显示两头的线框，即可实现
<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" "http://HdhCmsTestw3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd"> <html XM lns="http://HdhCmsTestw3.org/1999/xhtml"> <head> < ;m eta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Div圆角实现</title> <style type="text/css"> .one { dis play :block; overflow:hidden; h ei ght:1px; m arg in:0 4px; border-left:1px solid # B2D0EA; border-right:1px solid #B2D0EA; background:#B2D0EA; } .two { display:block; overflow:hidden; height:1px;/*线的高度为1px*/ mar gin :0 3px;/* 距离 外层DIV的左 右边 距各3px*/ border-left:1px solid #B2D0EA;/*只显示线的左边的1px*/ border-right:1px solid #B2D0EA;/*只显示线的右边的1px*/ background:#B2D0EA;/*配合内层Div的颜色变化，*/ } .t hr ee { display:block; overflow:hidden; height:1px; margin:0 2px; border-left:1px solid #B2D0EA; border-right:1px solid #B2D0EA; background:#E DF 7FF; } .four { display:block; overflow:hidden; height:1px; margin:0 1px; border-left:1px solid #B2D0EA; border-right:1px solid #B2D0EA; background:#EDF7FF; } .rou/*DIV只显示左右的边框，颜色和p标签的一致*/ { border-left:1px solid #B2D0EA; border-right:1px solid #B2D0EA; } .rou2 { border-left:1px solid #B2D0EA; border-right:1px solid #B2D0EA; background:#EDF7FF; } </style> <!--Div切圆角的实现原理： 1，首先使用P标签，第一行距Div的边距为一个数值（假设为3px;）； 2，第二个p标签在第一个的下一行，距Div的边距为第一行的减去一个像素数值（假设为2px;）； 3，依次实现，直到最后一个p标签的值为1px； 4，第一行全显示，后面的只显示两头的一个像素即可。 5，再配合中间的DIV显示两头的线框，即可实现--> </head><body> <div> <!--<p class="one"></p>--> <p class="two"></p> <p class="three"></p> <p class="four"></p> <div class="rou2"> 标题栏 </div> <div class="rou"> 内容页！ </div> <p class="four"></p> <p class="three"></p> <p class="two"></p> <!--<p class="one"></p>--> </div> </body> </html>
f fc od = delpost.runcode1 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode1 .value = ffcod; 提示：您可以先修改部分代码再运行
总结
以上是 为你收集整理的 纯DIV+CSS实现圆角代码 全部内容，希望文章能够帮你解决 纯DIV+CSS实现圆角代码 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。