日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當(dāng)前位置： 首頁 >

搜狐首页

發(fā)布時間：2023/12/8 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 搜狐首页 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
html文件： <html> <head> <title>搜狐首頁</title> <link rel="stylesheet" type="text/css" href="souhu.css"> </head> <body> <!--首頁top部分總--> <div class="top"> <!--首頁top左側(cè)logo--> <div class="toplogo"> <img src="toplogo.jpg"/> </div> <!--首頁top左側(cè)登陸框--> <div class="toptext"> <form action="#.html" method="post"> <input type="text" name="username"/> <input type="password" name="passwoed"/> <input type="submit" value="登錄"/> </form> </div> <!--首頁top文字鏈--> <div class="topword"> <span>注冊</span> <span>郵件</span> <span>相冊</span> <span>說兩句</span> </div> <!--首頁top右側(cè)--> <div class="topright"> <span>進入微博</span> </div> </div> <!--首頁左側(cè)logo圖片--> <div class="souhulogo"> <img src="souhulogo.jpg"/> </div> <!--首頁導(dǎo)航欄--> <div class="home"> <div class="hometop"> <span>搜狗</span> <span>輸入法</span> <span>瀏覽器</span> <span>地圖</span> <span>郵件</span> <span>微博</span> <span>博客</span> <span>BBS</span> <span>我說兩句</span> <span>微門戶</span> <span>大視野</span> <span>視頻</span> <span>校友錄</span> <span>游戲</span> <span>新天龍</span> <span>微門戶</span> <span>幻想神域</span> <span>手機搜狐</span> <span>聽書</span> <span>手機游戲</span> <span>e購房</span> </div> <div class="homebottom"> <span>新聞</span> <span>軍事</span> <span>文化</span> <span>歷史</span> <span>讀書</span> <span>原創(chuàng)</span> <span>評論</span> <span>體育</span> <span>NBA</span> <span>CBA</span> <span>中超</span> <span>高爾夫</span> <span>財經(jīng)</span> <span>理財</span> <span>股票</span> <span>基金</span> <span>IT</span> <span>數(shù)碼</span> <span>手機</span> <span>汽車</span> <span>二手車</span> <span>房產(chǎn)</span> <span>二手房</span> <span>家居</span> <span>時尚</span> <span>女人</span> <span>男人</span> <span>奢侈品</span> <span>美容</span> <span>美食</span> <span>星座</span> <span>母嬰</span> <span>健康</span> <span>旅游</span> <span>教育</span> <span>出國</span> <span>高考</span> <span>公益</span> <span>綠色</span> <span>播客</span> <span>娛樂</span> <span>美劇</span> <span>音樂</span> <span>彩票</span> <span>城市</span> </div> </div> <!--首頁廣告欄總--> <div class="ad"> <!--廣告欄左--> <div class="adleft"> <span>最新2014世界大學(xué)排名</span></br> <span>中國推出Excel服務(wù)器</span></br> <span>北大軟件工程二學(xué)位！</span></br> <span>選對！給父母最好禮物</span></br> <span>美國加州名校快捷通道</span></br> <span>2104考托福雅思必讀！</span></br> <span>英國擊劍夏令營</span></br> <span>綠地美國精品項目</span></br> <span>英語很爛一學(xué)就會</span></br> <span>25萬歐拿歐盟身份</span> </div> <!--廣告欄中--> <div class="admiddle"> <span>2014世界大學(xué)排名</span>&nbsp; <span>點亮留學(xué)智慧人生</span>&nbsp; <span>10天一口流利英語</span>&nbsp; <span>人民大學(xué)金融碩士</span></br> <span>新東方報名入口</span>&nbsp&nbsp&nbsp; <span>林卡高清視頻通話</span>&nbsp; <span>青少口語迅速突破</span>&nbsp; <span>Dota第一視角直播</span> <img src="ad1.jpg"/> <span>255倍挑戰(zhàn)頁游加速上限</span>&nbsp&nbsp; <span>lol高端排位 大神直播中</span>&nbsp; <span>關(guān)注石景山微信有“禮”</span></br> <span>游戲瀏覽器盡攬游戲特權(quán)</span>&nbsp; <span>愛玩游戲，就上17173！</span>&nbsp&nbsp; <span>17173你的游戲好伙伴！</span> </div> <!--廣告欄右--> <div class="adright"> <span>中國當(dāng)代十大建筑</span></br> <span>來自長城腳下的邀請</span></br> <span>五環(huán)純新盤獨享特惠</span></br> <span>蓮石路小面積享特惠</span></br> <span>獨家策劃買房官網(wǎng)</span></br> <span>90萬房山鄰鐵開間</span></br> <span>通州二居洋房110萬</span></br> <span>獨家全面解讀自住房</span></br> <span>北京最全現(xiàn)房匯總</span></br> <span>獨家：亦莊置業(yè)必讀</span> </div> <!--廣告欄右側(cè)圖片--> <div class="adpicture"> <img src="ad2.jpg"/> </div> </div> <!--搜索框--> <div class="search"> <!--搜索框左側(cè)logo--> <div class="searchlogo"> <img src="sousuologo.jpg"/> </div> <!--搜索框中間部分--> <div class="searchmiddle"> <input style="width:350px;height:36px;" type="text" name="search"/> <input style="width:100px;height:36px;" type="submit" value="搜索"/> </div> <!--搜索框右側(cè)文字--> <div class="searchright"> <span>自制吸金球</span> <span>城管掃街作秀</span> <span>中央紀(jì)委官網(wǎng)</span> <span>搜狗瀏覽器</span></br> <span>小團圓票房</span> <span>42歲美女外婆</span> <span>每家都有飛機</span> <span>搜狗輸入法</span> </div> </div> </body> </html>
css文件： body{ width:950px; height:800px; margin:0 auto; font-size:12px; } .top{ width:950px; height:33px; border-bottom:1px solid silver; background-color:#F1F8FE; } .toplogo{ width:67px; height:25px; float:left; margin-top:5px; } .toptext{ width:375px; height:25px; float:left; margin:5 0 0 5; } .topword{ width:130px; height:15px; float:left; margin:10 0 0 5; } .topright{ width:50px; height:15px; float:right; margin:10 0 0 0; } .souhulogo{ width:140px; height:77px; float:left; margin-top:5px; } .souhulogo img{ width:140px; height:77px; } .home{ width:800px; height:77px; float:right; margin-top:5px; } .hometop{ width:800px; height:25px; border-bottom:1px solid silver; background-color:#FFEA8E; } /*調(diào)導(dǎo)航字體*/ .hometop span{ float:left; padding-top:6px; padding-left:5px; } .homebottom{ width:800px; height:50px; border-bottom:1px solid silver; background-color:#FFFDDD; } .homebottom span{ float:left; padding-top:6px; padding-left:10px; } .ad{ width:950px; height:230px; border:1px solid silver; float:left; margin-top:5px; color:#223D7C; } .adleft{ width:140px; height:210px; float:left; margin:8 0 0 5; line-height:21px;/*調(diào)行高*/ } .admiddle{ width:450px; height:210px; float:left; margin:8 0 0 10; line-height:27px; } .adright{ width:145px; height:210px; float:left; margin:8 0 0 13; line-height:21px; } .adpicture{ width:180px; height:230px; border-left:1px solid silver; float:right; text-align:center;/*使其水平居中*/ } .adpicture img{ margin-top:13px; } .search{ width:950px; height:60px; border:1px solid silver; float:left; margin-top:5px; background-color:#D6EBFF; } .searchlogo{ width:120px; height:36px; margin:12 0 0 5; float:left; } .searchmiddle{ width:470px; height:36px; margin:12 0 0 5; float:left; } .searchright{ width:330; height:36px; margin:12 0 0 5; float:right; } .searchright span{ padding-left:11px; line-height:20px; color:#223D7C; }
顯示效果：

總結(jié)

以上是生活随笔為你收集整理的搜狐首页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。