当前位置:首页 >> 网页制作

纯DIV+CSS实现圆角代码

Div切圆角的实现原理:
1,首先使用P标签,第一行距Div的边距为一个数值(假设为3px;);
2,第二个p标签在第一个的下一行,距Div的边距为第一行的减去一个像素数值(假设为2px;);
3,依次实现,直到最后一个p标签的值为1px;
4,第一行全显示,后面的只显示两头的一个像素即可。
5,再配合中间的DIV显示两头的线框,即可实现

提示:您可以先修改部分代码再运行