Web开发学习心得4――CSS盒模式与排版[组图](2)
html
<body>
<div id="header">
<h1>
这里是头部。</h1>
</div>
<div id="content">
<div id="leftbar">
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ul>
</div>
<div id="main">
<p>
这里是主区域。</p>
<p>
这在阳光明媚、春暖花开的日子里，我窝在家里跟大家分享我Web开发的学习心得，这是一种什么精神？！</p>
<p>
这在阳光明媚、春暖花开的日子里，我窝在家里跟大家分享我Web开发的学习心得，这是一种什么精神？！</p>
<p>
这在阳光明媚、春暖花开的日子里，我窝在家里跟大家分享我Web开发的学习心得，这是一种什么精神？！</p>
</div>
</div>
<div id="footer">
<p>
这里是脚部。</p>
</div>
</body>#header, #footer, #content, #leftbar, #main
{}{
border: solid 1px red;
}
p
{}{
background-color: Orange;
}
- 上一篇：在Linux下验证日期是否合法
- 下一篇：VC++实现单文档程序的全屏显示及恢复