代码之家  ›  专栏  ›  技术社区  ›  Sam å±±

如何在CSS中使用圆形边框?

  •  4
  • Sam å±±  · 技术社区  · 14 年前

    在新的CSS标准中有没有一种方法可以提供圆形边框? 这在CSS级别2中是不可能的。

    4 回复  |  直到 13 年前
        1
  •  4
  •   Robert    14 年前
        2
  •  5
  •   thomasrutter    12 年前

    许多浏览器已经有了它。

    • -moz-border-radius 尽管他们正在向 border-radius .
    • -webkit-border-radius .
    • IE9及以上需要 (IE8及以下版本根本不支持)。
    • 将来当CSS3被广泛采用时,您只需要 在所有浏览器中。

    -o-border-radius 如果你担心歌剧。

        3
  •  2
  •   Pranay Rana    14 年前

    Border-radius: create rounded corners with CSS!

    对于Firefox、Safari/Chrome、Opera和IE9,这个框应该有一个圆角。 理论上,这个例子的代码非常简单:

    #example1 {
    border-radius: 15px;
    }
    

    #example1 {
    -moz-border-radius: 15px;
    border-radius: 15px;
    }
    
        4
  •  2
  •   Community chadoh    7 年前

    什么 Thomas Rutter said handy resource 因为WebKit和Gecko对诸如 top-left