<style>
ul#tab{width: 80%;margin: 0;padding: 0;list-style-type: none;}
ul#tab li{display: block;float: left;position: relative;top: 1px;
border:1px solid black;margin: 0 0 0 10px;
background-color: lightyellow;}
ul#tab li a{display: block;padding: 5px;
text-decoration:none;}
body#info_1 li.info_1,body#info_2 li.info_2,body#info_3 li.info_3
{border-bottom:1px solid white;
background-color:white; }
div#content{border: 1px solid black;clear: both;width: 98%;padding: 10px;}
</style>
#########################################################################
<body id="Info_1">
<ul id="tab">
<li class="Info_1"><a href="Info_1.php">教學特色</a></li>
<li class="info_2"><a href="info_2.php">學習及研究環境</a></li>
<li class="info_3"><a href="info_3.php">研究中心及合作機構</a></li>
#########################################################################
<div id="content">
內容
</div>
</body>