CSS 忘光光

人真的是很妙的動物
我還是乖乖的把一些東西記錄下來好了

css

   1: body{

   2:     width:1000px;

   3:     margin:0 auto;

   4: }

   5: #top{

   6:     width:100%;

   7:     height:30px;

   8:     text-align:center;

   9:     background:#833;

  10:     margin:0 auto;

  11: }

  12: #main{

  13:     width:100%;

  14:     margin:0px auto;

  15:     background:white;

  16: }

  17: #sidebar{

  18:     width:25%;

  19:     float:left;

  20:     background:#383;

  21: }

  22: #content{

  23:     width:75%;

  24:     float:left;

  25:     background:#338;

  26: }

  27: #footer{

  28:     width:100%;

  29:     clear:left;

  30:     height:30px;

  31:     background:#833;

  32:     margin:0 auto;

  33: }

   1: <div id='top'>標題</div>

   2:  

   3: <div id='main'>

   4:     <div id='sidebar'>

   5:         邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>

   6:         邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>

   7:         邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>邊欄<br>

   8:     </div>

   9:     <div id='content'>

  10:         主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>

  11:         主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>

  12:         主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>

  13:         主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>主文<br>

  14:     </div>

  15: </div>

  16:  

  17: <div id='footer'>頁底</div>