Article Introduction: CSS3 Example Tutorial code: Simple to make a roaming browser logo. |
<! DOCTYPE html>
<title>LOGO</title>
<style type= "Text/css" >
* {margin:0; padding:0}
. main {width:800px; margin:50px Auto 0}
. main_wrapper {width:240px; height:240px border-radius:120px; background: #B1E4FF; border:2px solid #789CB6; box-shadow:5px 5px 7px #999}
. main_wrap {width:230px; height:230px border-radius:115px; position:relative; top:5px; left:5px; background: #3B99E3}
. white_a {width:150px; height:100px background: #FFF; position:relative; left:42px; top:70px; border-radius:3px 20px 3PX 3px}
. white_b {width:35px; height:45px background: #FFF; position:relative; left:33px; top:30px; border:25px Solid #3B99E3}
</style>
<body>
<div class= "Main" >
<div class= "Main_wrapper" >
<div class= "Main_wrap" >
<div class= "White_a" >
<div class= "White_b" ></div>
</div>
</div>
</div>
</div>
</body>