男人吃奶摸下挵进去好爽,日日躁夜夜躁狠狠躁,freesexvide0s性欧美高清,高清freexxxx性国产,无码人妻一区二区三区一,乱人伦中文字幕成人网站在线,亚洲欧美综合一区二区三区 ,神马影院在线视频观看
知識學堂
  • ·聯系電話:+86.023-75585550
  • ·聯系傳真:+86.023-75585550
  • ·24小時手機:13896886023
  • ·QQ 咨 詢:361652718 513960520
當前位置 > 首頁 > 知識學堂 > 網站建設知識
HTML5+CSS3實例教程:繪制遨游瀏覽器Logo
更新時間:2012-06-04 | 發布人:本站 | 點擊率:1023

最近開始學習前段開發的一些知識,當然少不了Html5和Css3,作為我的第一課,我參照別人的例子,自己動手,用Css3繪制了一個遨游的Logo。現記錄一下嘿嘿:

 1 <!DOCTYPE>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <style>
 6         header{
 7             font-family:"MicroSoft YaHei";
 8             font-size:30px;
 9             color:#990000;
10         }
11         
12         .Circle1{
13             width:240px;
14             height:240px;
15             -moz-border-radius:120px;
16             -webkit-border-radius:120px;
17             border-radius:120px;
18             border:2px solid #789cb6;
19             box-shadow:5px 5px 7px #999;
20         }
21         
22         .Circle2{
23             width:230px;
24             height:230px;
25             -moz-border-radius:115px;
26             -webkit-border-radius:115px;
27             border-radius:115px;
28             background-color:#3b99e3;
29             position:relative;
30             left:5px;
31             top:5px;
32         }
33         .rect1{
34             width:150px;
35             height:100px;
36             -moz-border-radius:3px 20px 3px 3px;
37             -webkit-border-radius:3px 20px 3px 3px;
38             border-radius:3px 20px 3px 3px;
39             background-color:#FFFFFF;
40             position:relative;
41             left:40px;
42             top:65px;
43         }
44         
45         .rect2{
46             width:35px;
47             height:45px;
48             background-color:#FFFFFF;
49             border:25px solid #3b99e3;
50             position:relative;
51             left:70px;
52             top:-5px;
53         }
54     </style>
55 </head>
56 <body>
57 <header>Lession One</header>
58 <section>
59     <div class="Circle1">
60         <div class="Circle2">
61             <div class="rect1"></div>
62             <div class="rect2"></div>
63         </div>
64     </div>
65 </section>
66 </body>
67 </html>
以上代碼運行結果如下:

  

總結:這個logo起始繪制起來很簡單,主要是利用了css的圓角。靈活運用可以繪制出更復雜的圖形。

分享到: QQ空間 新浪微博 開心網 人人網
主站蜘蛛池模板: 人人摸人人搞人人透| 日本丰满熟妇videossex一| 国产一区二区三区在线视頻 | 亚洲一区无码中文字幕| 国产成人av一区二区三区无码| 无码人妻一区二区三区免费| 国产精品久久久久精品日日| 人妻大胸奶水2| 久久精品人人做人人爽老司机| 亚洲男人的天堂在线播放| 爆乳女仆高潮在线观看 | 国产精品视频啊啊| 亚洲国产区男人本色| 揄拍成人国产精品视频| 国产成人亚洲精品乱码| 女人扒开屁股让男人桶| 人妻丰满熟妇av无码区免| 日韩欧美aⅴ综合网站发布| 久久亚洲av成人无码| 国产精品亚洲一区二区三区| 又小又紧女magnet| youjizz丰满熟妇| av网站免费线看精品| 色护士极品影院| www.色.com| 亚洲国产成人久久综合区| 免费免费啪视频观看视频| 欧美猛男军警gay自慰| 欧美成人看片一区二三区图文| 狠狠色噜噜狠狠狠7777奇米| 极品少妇被弄得高潮不断| jizz中国jizz免费| 日韩欧美卡一卡二卡新区| 久久久久久久久无码精品亚洲日韩| 丰满少妇被猛烈进入在线播放| 人与禽zozo性伦| 亚洲中文无码成人影院| 中文字幕 欧美 亚洲| a在线视频播放观看免费观看| 又硬又粗进去好爽免费| 国产成人精品免费视频大|