男人吃奶摸下挵进去好爽,日日躁夜夜躁狠狠躁,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空間 新浪微博 開心網 人人網
主站蜘蛛池模板: 国产一区二区三区在线视頻 | 香蕉久久精品日日躁夜夜躁夏 | 国产福利日本一区二区三区 | 男人的天堂av网站| 出租屋勾搭老熟妇啪啪| 护士人妻hd中文字幕| 欧妇女乱妇女乱视频| 97碰碰碰人妻无码视频| 四房播色| 国产无吗一区二区三区在线欢| 国产乱人伦av麻豆网| 天天狠天天透天天伊人| 97人人模人人爽人人少妇| 久久久人人人婷婷色东京热 | 又小又紧女magnet| 久久无码人妻一区二区三区午夜 | 精品国产乱码久久久久久1区2区| 毛片免费视频| 欧美性猛交xxxx乱大交蜜桃| 在线看片免费人成视频大全| 无码精品视频一区二区三区| 亚洲精品宾馆在线精品酒店| 免费看三片在线播放| 日本aaaaa片特黄aaaa| 亚洲一卡2卡三卡4卡高清| 亚洲日韩∨a无码中文字幕| 少妇被粗大的猛烈进出小说网| 一日本道a高清免费播放| 毛片无码国产| 麻豆视传媒精品av| 极品少妇被弄得高潮不断| 中文字幕熟女人妻佐佐木| 妇女bbbb插插插视频| 星空影院电影在线看| 欧美成人看片一区二三区图文| 一区二区视频日韩免费| 成人国产精品一区二区网站公司| 欧美bbwxxxx| 最好看的中文字幕国语| 97人人模人人爽人人少妇| 在线视频网站www色|