古詩詞大全網 - 成語用法 - 網頁排版怎麽寫?

網頁排版怎麽寫?

& lt!DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& lttitle & gt& lt/title & gt;

& lt/head & gt;

& ltstyle type="text/css " >

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

。頁眉{寬度:80%;身高:75px背景色:# eec文本對齊:居中;行高:75px邊距:自動;}

。首頁{寬度:80%;高度:自動;邊距:自動;位置:相對;}

。回家。左{背景:# dde寬度:15%;浮動:左;位置:固定;}

ul {寬度:100%;文本對齊:居中;}

ul li {列表式:無;填充:20px 0px}

。回家。右{float:左;填充:10px;高度:自動;位置:絕對;左:20%;}

& lt/style & gt;

& ltbody & gt

& ltdiv class="header " >& lth 1 & gt;主題

& ltdiv class="home " >

& ltdiv class="left " >

& ltul & gt

& lth3 & gt類別1 < /h3 >

& lt李& gtContent 1 < /li >

& lt李& gt內容2

& lt李& gt內容3

& lt/ul & gt;

& ltul & gt

& lth3 & gt類別2

& lt李& gtContent 1 < /li >

& lt李& gt內容2

& lt李& gt內容3

& lt/ul & gt;

& ltul & gt

& lth3 & gt類別3

& lt李& gtContent 1 < /li >

& lt李& gt內容2

& lt李& gt內容3

& lt/ul & gt;

& lt/div & gt;

& ltdiv class="right " >

& ltp & gt內容

& lt/div & gt;

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;

望采納