如何用CSS制作表格效果的样式

来源:百度知道 编辑:UC知道 时间:2024/05/07 22:47:18
如题
可以做出表格样式吗

xhtml如下:

<div id="byitem">
<h3 class="tabletitle">Widgets America (source by item)</h3>
<ul class="vert">
<li class="tableheader">
<ul class="horz">
<li>Item #</li>
<li class="name">Name</li>
<li>Color</li>
<li>In Stock?</li>
<li class="price">Price</li>
</ul>
</li>
<li>
<ul class="horz">
<li>8476292163</li>
<li class="name">Cheese Widget</li>
<li>Green</li>
<li>Yes</li>
<li class="price">$3.14</li>
</ul>
</li>
</ul>
</div>

CSS如下:

/* Widgets America (by item)
------------------------------------*/
div#byitem ul.v