成都web前端培训学了两个月的html和css每天都重复一样的生活，敲着大同小异的代码，这样的生活枯燥无味。我腻了，我也累了!小米首页算是我写的第三个静态页面，写了好久，很多细节都把握不好，下面的这个简单的布局细节是我觉得最有趣的了萌呆萌呆的!记录下来，留个回忆!
效果图：鼠标经过的时候改变背景颜色!
话不多说，直接上代码!
html代码如下：
css代码如下：
.radius{
position:absolute;
width:%;
bottom:15px;
text-align:center;
left:0;
}
.radiusOne{
display:inline-block;
widht:10px;
height:10px;
padding:10px;
margin:02px;
cursor:default;
}
.radiusOne.point{
display:block;
width:6px;
height:6px;
border:2pxsolid#f5f5f5;
border-color:#FF;
border-radius:6px;
text-align:left;
overflow:hidden;
text-indent:-em;
}
.radiusTwo{
display:inline-block;
widht:10px;
height:10px;
padding:10px;
margin:02px;
cursor:pointer;
}
.radiusTwo.pointOne{
display:block;
width:6px;
height:6px;
border:2pxsolid#f5f5f5;
border-color:#FF;
border-radius:6px;
text-align:left;
overflow:hidden;
text-indent:-em;
background-color:#b0b0b0;
border-color:#fff;
}
.radiusTwo.pointOne:hover{
background-color:#ffac13;
color:#ffac13;
}
代码不长，怕遗忘，记录下动情一刻!
在乱世中赚钱，在繁忙中自乐，在残酷中享受，在英语中毁灭。