首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

用css3写漫游的logo

2012-09-17 
用css3写遨游的logo实现方法:先画一个外框 width: 240px height: 240pxborder-radius: 120px填充背景色

用css3写遨游的logo

实现方法:

  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;

    ?

    ?

最终效果图如下:

?

用css3写漫游的logo

?

热点排行