演示地址：http://uicss.cn/css3/maxthon-logo.html

实现方法：

1. 先画一个外框 width: 240px; height: 240px;border-radius: 120px;
   填充背景色background:#b1e4ff;
   描边border:2px solid #789cb6;
   加阴影box-shadow: 5px 5px 7px #999;
   给该死的firefox3私有属性-moz-border-radius: 120px;
2. 再画一个小圈，width: 230px; height: 230px;border-radius: 115px;
   定位，position: relative;top:5px;left:5px;
   填充背景色background:#3b99e3;
   给该死的firefox3私有属性-moz-border-radius: 115px;

3. 扔一个大白方块进去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;
4. 再扔一个白方块进去width: 35px; height: 45px;background:#ffffff;
   定位position: relative;top:30px;left:33px;
   粗一点的蓝色描边border:25px solid #3b99e3;

建议继续学习：

1. CSS3入门——由点到面    (阅读：3785)
2. CSS3 媒介判断与 iPhone 4 视网膜显示屏    (阅读：2872)
3. 闲谈CSS3动画    (阅读：2775)
4. 用 CSS3 Transitions 实现动画    (阅读：2406)
5. 理解CSS3线性渐变    (阅读：2362)
6. CSS3 appearance简介    (阅读：2324)
7. CSS3开发工具收集    (阅读：2315)
8. CSS3常用功能的写法    (阅读：2254)
9. CSS3圆角详解    (阅读：2278)
10. 揭秘HTML5和CSS3【珍珠奶茶帮】    (阅读：2159)