您现在的位置是:网站首页> 编程资料编程资料

纯DIV+CSS实现圆角代码_Div+CSS教程_CSS_网页制作_

2021-09-08 789人已围观

简介 用css实现的圆角实现代码,大家可以学习使用,不建议使用。不如用图片,兼容性会比这个好点。

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


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

-六神源码网