html - 做CSS圈子最简单通用的方法是什么？

Question

<分区>

Answer 1

用 HTML 元素制作圆圈的 css 规则是:

border-radius: 50%;

要使其在所有浏览器中都可以额外使用:

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;

拍一个JSFIDDLE DEMO

HTML

<div></div>

CSS

div{
    border-radius:50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    width:50px;
    height:50px;
    background-color:#000;
}