十步學會用css建站
十步學會用css建站
翻譯:
http://www.blueidea.com/tech/web/2008/5979_4.asp
原文
http://www.subcide.com/tutorials/csslayout/
<div id="page-container">
<div id="main-nav">Main Nav</div>
<div id="header">Header</div>
<div id="sidebar-a">Sidebar A</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>
#main-nav {
background: red;
height: 50px;
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;
height: 66px;
}
#sidebar-a {
float: right;
width: 280px;
background: darkgreen;
}
#content {
margin-right: 280px;
background: green;
}
翻譯:
http://www.blueidea.com/tech/web/2008/5979_4.asp
原文
http://www.subcide.com/tutorials/csslayout/
<div id="page-container">
<div id="main-nav">Main Nav</div>
<div id="header">Header</div>
<div id="sidebar-a">Sidebar A</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>
#main-nav {
background: red;
height: 50px;
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;
height: 66px;
}
#sidebar-a {
float: right;
width: 280px;
background: darkgreen;
}
#content {
margin-right: 280px;
background: green;
}
posted on 2008-07-30 08:50 Anderson 閱讀(133) 評論(0) 編輯 收藏 所屬分類: css