|
[tr][td] 实现方法：
[*] 先画一个外框 width: 240px; height: 240px;border-radius: 120px; 填充背景色background:#b1e4ff; 描边border:2px solid #789cb6; 加阴影box-shadow: 5px 5px 7px #999; 给该死的firefox3私有属性-moz-border-radius: 120px; [*] 再画一个小圈，width: 230px; height: 230px;border-radius: 115px; 定位，position: relative;top:5px;left:5px; 填充背景色background:#3b99e3; 给该死的firefox3私有属性-moz-border-radius: 115px; [*] 扔一个大白方块进去width: 150px; height: 100px;background:#ffffff; 定位position: relative;top:70px;left:42px; 右上大圆角20像素，其他小圆角border-radius: 3px 20px 3px 3px; 给该死的firefox3私有属性-moz-border-radius: 3px 20px 3px 3px; [*] 再扔一个白方块进去width: 35px; height: 45px;background:#ffffff; 定位position: relative;top:30px;left:33px; 粗一点的蓝色描边border:25px solid #3b99e3; 最终效果图如下： [/td][/tr] |
|
