圆角进化论
1、使用背景图片实现圆角
1.1.宽度固定,高度自适应
背景图片 上 下使用背景图片 中间使用内容
1.2高度宽度自适应
4个圆角 需设置宽高 absolute 后,宽高不设置 会根据内容自动撑开 背景图片不占用空间 不设置会看不见了
2、CSS2.0 将标签图形化 使用CSS2.0+HTML标签模拟圆角
原理 应用像素画中绘制弧线的方法进行模拟
像素画:
不需要背景图片,减少HTTP请求,但只能实现纯色的圆角,带图片的背景,圆角无法实现
3、border-radius CSS3实现圆角
私有前缀:
-ms- -moz- -webkit-
附件列表
posted on 2015-08-03 02:01 tongjiahao 阅读(122) 评论(0) 编辑 收藏 举报