亚洲国产天堂av,欧美另类一区二区三区,欧美大香线蕉线伊人久久国产精品

div+css排版的樣例

<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html  xmlns="http://www.w3.org/1999/xhtml";  lang="gb2312"> <head> <meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312"  /> <meta  http-equiv="Content-Language"  content="gb2312"  /> <meta  content="all"  name="robots"  /> <meta  name="Author"  content="huobazi@aspxboy.com  ,活靶子"  /> <meta  name="Copyright"  content="www.AspxBoy.Com,自由版權(quán),任意轉(zhuǎn)載."  /> <meta  name="Description"  content="www.AspxBoy.Com"  /> <meta  name="Keywords"  content="www.AspxBoy.Com,活靶子,huobazi"  /> <title>  Div布局  </title> <style> body{text-align:center;margin:0;padding:0}/*text-align:center是ie中必須要有的*/div {                 height:200px;                 color:red;   } .title {                 margin:0  auto;                 width:776px;                 background-color:#abcdef; } .middle {                 margin:0  auto;                 width:776px; } .left {                 float:left;                 clear:right;                 width:20%;                 background-color:#eeefff; } .center {                 float:left;                 clear:right;                 width:50%;                 background-color:#CCC000; } .right {                                  float:left;                 clear:right;                 width:30%;                 background-color:#fff000; } .both {                 clear:both;                   width:100%;                 background-color:#666999;   } .footer {                                 margin:0  auto;                 width:776px;                 clear:both;                   background-color:#000fff;   } </style> </head> <body> <div  class="title">頂部</div> <div  class="middle">                 <div  class="left">左側(cè)</div>                 <div  class="center">中部</div>                 <div  class="right">右側(cè)</div>                 <div  class="both">全行</div>                 <div  class="left">左側(cè)</div>                 <div  class="center">中部</div>                 <div  class="right">右側(cè)</div>                 <div  class="both">全行</div>                 <div  class="left">左側(cè)</div>                 <div  class="center">中側(cè)</div>                 <div  class="right">右側(cè)</div> </div> <div  class="footer">底部</div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

網(wǎng)頁(yè)顏色搭配技巧文字字體、字號(hào)、字體排版等
PHP 中英文混合排版中處理字符串常用的函數(shù)
基于jQuery試卷自動(dòng)排版系統(tǒng)
文本左右對(duì)齊排版的批處理
基于jQuery的試卷自動(dòng)排版系統(tǒng)實(shí)現(xiàn)代碼
11個(gè)用于提高排版水平的基于jquery的文字效果插件
基于Jquery制作圖片文字排版預(yù)覽效果附源碼下載
Android重寫TextView實(shí)現(xiàn)文字整齊排版的方法(附demo源碼下載)
Android實(shí)現(xiàn)文本排版

標(biāo)簽：滄州海西呂梁泰州佛山仙桃攀枝花欽州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《div+css排版的樣例》，本文關(guān)鍵詞 div+css,排版,的,樣例,div+css,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。