當前位置:成語大全網 - 漢語詞典 - HTML看起來如何像搜狗的主頁,如下所示。求個碼,謝謝

HTML看起來如何像搜狗的主頁,如下所示。求個碼,謝謝

我給妳做了壹個簡單的,請采納!完全是我自己寫的。

復制下來放到html裏看看。希望能幫到妳。我這裏有壹個預覽:

& lt!DOCTYPE?html?公?“-//W3C//DTD?XHTML?1.0?過渡//EN”?"

& lthtml?xmlns= "

& lthead & gt

& ltmeta?http-equiv="Content-Type "?content = " text/html;?charset=utf-8 "?/& gt;

& lttitle & gt無標題文檔

& ltstyle & gt

*{?邊距:0;填充:0;}

#img{?保證金:0?自動;?邊距-頂部:50px?寬度:400px?身高:150 px;?背景:# CC3366}

#font_list{?保證金:0?自動;?填充:0;?邊距-頂部:20px?寬度:500px?高度:35px}

#font_list?ul{?邊距:0;?填充:0;?寬度:500px?高度:35px}

#font_list?ul?李{?邊距:0;?填充:0;?寬度:500px?高度:35px?行高:35px?列表樣式:無;}

#font_list?ul?李?壹個{?邊距:0;?填充:0;?顯示:塊;?寬度:50px?高度:35px?浮動:左;?左邊距:2px?字體大小:16px;?字體-家族:“宋體”;}

#font_list?ul?李?a .王野{?顏色:# 000000;?文字-裝飾:無;}

#input_div{?保證金:0?自動;?填充:0;?寬度:800px?高度:45px}

。sougou_input{?邊距:0;?填充:0;?寬度:500px?高度:40px?邊框:1px?#CCCCCC?固體;?左邊距:140 px;?行高:40px?font-size:14px;}

。sougou_submit{?邊距:0;?填充:0;?寬度:100 px;?高度:43px?font-size:14px;?}

#sougou_kuaijie{?保證金:0?自動;?填充:0;?寬度:400px?高度:35px?邊距-頂部:30px}

#搜狗_快潔?ul{?邊距:0;?填充:0;?寬度:400px?高度:35px}

#搜狗_快潔?ul?李{?邊距:0;?填充:0;?寬度:400px?高度:35px?行高:35px?文本對齊:居中;}

#搜狗_快潔?ul?李?壹個{?邊距:0;?左邊距:10px;?填充:0;?顯示:塊;?寬度:60px?浮動:左;font-size:14px;}

& lt/style & gt;

& lt/head & gt;

& ltbody & gt

& ltdiv?id = " img " & gt

& ltimg?src= "

& lt/div & gt;

& ltdiv?id="font_list " >

& ltul & gt

& lt李& gt

& lt答?href = " # # " & gt新聞

& lt答?class= "王業"?href = " # # " & gt網頁

& lt答?href = " # # " & gt音樂

& lt答?href = " # # " & gt畫

& lt答?href = " # # " & gt錄像

& lt答?href = " # # " & gt地圖

& lt答?href = " # # " & gt知識

& lt答?href = " # # " & gt購物

& lt答?href = " # # " & gt更多"

& lt/李& gt

& lt/ul & gt;

& lt/div & gt;

& ltdiv?id = " input _ div " & gt

& lt形式?動作= " "?method="post " >

& lt輸入?class="sougou_input "?姓名= " "?type="text "?/& gt;& lt輸入?class = " sougou _ submit "?姓名= " "?type="submit "?Value= "搜狗搜索"/& gt;

& lt/form & gt;

& lt/div & gt;

& ltdiv?id = " sougou _ kuaijie " & gt

& ltul & gt

& lt李& gt

& lt答?href="## "?style = " margin-left:50px;"& gt輸入法

& lt答?href = " # # " & gt瀏覽器

& lt答?href = " # # " & gt網站導航

& lt答?href = " # # " & gt遊戲中心

& lt/李& gt

& lt/ul & gt;

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;