关于html5和css3的页面上的问题

单从你上面所截图并看不出来是怎么得来的圆圈，请在网上移动到dl标签上看看是否写了命令

存用css3写的话，必须有两个圆圈组合，大圆是半透明的，小圆是不透明的，例如

   

111

css：

*{ margin: 0; padding: 0;}
body{ font-size:70%; font-family: verdana, hevetica, arial, sans-serif;}
.one{
    border:solid 0px #ccc;
    width: 100px;
    height: 100px;
    background: #ccc;
    border-radius: 50px;
    opacity: 0.3;
    position: relative;
    top:50px;
    left: 100px;
}
.one dt{
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #111;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
}

我这个是在火狐浏览的要兼容各浏览器要写内核前缀，，切记~

img{
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
}

网址发我一下 帮你解决；

圆形怎么出来的？border-radius:50%