效果如下：
前台代码：
<div id="Men">
<a href ="addnewbooks.aspx" target="_blank"><span class="left"></span>增加新书<span class="right"></span></a>
<a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>更新书库<span class="right"></span></a>
<a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>网页动态<span class="right"></span></a>
<a href ="dynamicManager.aspx" target="_blank"><span class="left"></span>促销管理<span class="right"></span></a>
<a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>特价管理<span class="right"></span></a>
<a href ="Managerbooks.aspx" target="_blank"><span class="left"></span>书籍浏览<span class="right"></span></a>
</div>
css：
#Men
{
margin: auto;
font-family: 华文行楷;
font-size: 20px;
width: 135px;
padding: 3px;
background-color: #ccc;
border: 1px solid #ccc;
height: 170px;
}
#Men a,#Men a:visited
{
border-left: 8px solid #9ab
事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。
外部调用样式表
在以前，我们通常采用2种方法使用样式表：
......
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:
<br />&l ......
