多试试就可以，您可以参考下我的空间。
display:none / block / inline / inline-block 四个属性值为none 不显示
block 显示成块级
inline 显示在一行
inline-block 显示成块级并且在一行
你完全可以这样写
<div id="header">
<a href="###1">木叶茶室</a>
<a href="###2">木叶日报</a>
<a href="###3">火影图集</a>
<a href="###4">火影漫画</a>
<a href="###5">木叶音响</a>
<a href="###6">火影动画</a>
<a href="###7">火影COS</a>
<a href="###8">火影周边</a>
<a href="###9">火影论坛</a>
</div>
#header a{
float:left
width:77px
height:18px
display:block
line-height:18px
}
基本这样就可以实现你要的效果了，用ul和li会很麻烦，需要多写不少代码
首先div上直接写width是不会生效的，td上可以div是块级元素，会独占一行，想让多个div在一行，需要添加float或者display：inline-block
你的基本功还差很多，我稍微改了下
.div1 tr td ul li {
list-style-type: none
}
.div1 tr td ul li {
list-style-type: none
}
.bk {
border: 1px solid black
}
.name,.yd{
width: 100px
float: left
box-sizing:border-box
}
