首页 > 其他 > 详细

圆角进化论

时间:2015-08-03 06:27:50      阅读:276      评论: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)
       
    举报
    评论 一句话评论(0
    关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
    © 2014 bubuko.com 版权所有
    打开技术之扣,分享程序人生!