圆角进化论

时间：2015-08-03 06:29:18 阅读：117 评论：0 收藏：0 [点我收藏+]

标签：

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

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

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

1.2高度宽度自适应

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

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

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

像素画：

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

3、border-radius CSS3实现圆角

私有前缀:

-ms- -moz- -webkit-

标签：

原文地址：http://www.cnblogs.com/TT-Cartier/p/4697216.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行