css3 画了一个遨游的logo...

<style>
.out1{ width:240px; height:240px; border-radius:120px; background:#6CF; box-shadow:5px 5px 7px #999;-moz-border-radius:120px; border:2px solid #789cb6}
.out2{ width:230px; height:230px; border-radius:115px; position:relative; top:5px; left:5px; background: #3b99e3;-moz-border-radius:115px}
.in1{ width:150px; height:100px; background:#fff; position:relative;top:70px; left:40px; border-radius:3px 20px 3px 3px;-moz-border-radius:3px 20px 3px 3px}
.in2{ width:35px; height:45px; background:#FFF; position:relative; top:30px; left:33px;border:25px solid #3b99e3;}
</style>

<div class="out1">
 <div class="out2">
    <div class="in1">
        <div class="in2">
        </div>
    </div>
    </div>
</div>

效果：