css圆角

来源:互联网 发布:厦门大学经济学院知乎 编辑:程序博客网 时间:2024/05/21 03:17

圆角制作的方法有三种:

  • 背景图
  • css2.0 +标签 模拟
  • css3.0 border-radius 属性

ie8 以下浏览器不支持border-radius

若需要支持最好使用背景图,因为css2.0 模拟,会出现太多无意义的标签和当圆角增大标签复杂度会提高。详情制作请百度。

背景图制作圆角的思路

  1. 创建一个包裹div 内部包含四个图片标签,和一个内容标签
  2. 包裹div使用relative定位,再将四个图片绝对定位到四个角

    但css3在移动端支持的很好,广泛使用

0 0
原创粉丝点击