当前位置:编程学习 > html/css >>

CSS3简单练习-遨游浏览器LOGO

原来CSS3是这么回事,抓紧学啊
 
 
 
[html]  
<!DOCTYPE HTML>  
<html>  
<head>  
<title>CSS3</title>  
<style type="text/css">  
* {margin:0; padding:0}  
.main {width:800px; margin:110px 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_1 {width:150px; height:100px; background:#FFF; position:relative; left:42px; top:70px; border-radius:3px 20px 3px 3px}  
.white_2 {width:35px; height:45px; background:#FFF; position:relative; left:33px; top:30px; border:25px solid #3B99E3}  
  
</style>  
</head>  
<body>  
<div class="main">  
  
<div class="main_wrapper">  
        <div class="main_wrap">  
                <div class="white_1">  
                        <div class="white_2"></div>  
                </div>  
        </div>  
</div>  
  
</div>  
</body>  
</html>  
 
补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,