圆角进化论

1、使用背景图片实现圆角

    1.1.宽度固定，高度自适应

    背景图片 上 下使用背景图片 中间使用内容

    1.2高度宽度自适应

      4个圆角  需设置宽高 absolute 后，宽高不设置 会根据内容自动撑开   背景图片不占用空间 不设置会看不见了

2、CSS2.0 将标签图形化  使用CSS2.0+HTML标签模拟圆角

原理  应用像素画中绘制弧线的方法进行模拟

像素画：

不需要背景图片，减少HTTP请求，但只能实现纯色的圆角，带图片的背景，圆角无法实现

3、border-radius CSS3实现圆角

私有前缀:

-ms-  -moz-     -webkit-

来自为知笔记(Wiz)

附件列表

 

转载于:https://www.cnblogs.com/TT-Cartier/p/4697216.html