css表格代码怎么写( 三 ) _表格

}
li{ border-left:red 1px solid； /*设置表格左边框*/
border-bottom:red 1px solid；/*设置表格下边框*/
/*设置单元格边框*/
list-style:none； /*清除项目列表前的标记*/
float:left； /*设置单元格浮动，用于水平排列*/
display:block； /*设置单元格为块级元素于用语控制大小等*/
width:80px； /*设置单元格宽*/
height:20px； /*设置单元格高*/
text-align:center； /*设置单元格内文本对齐方式*/
}
/*原理就是利用项目列表的每个项目做出表格中的每个单元格，然后通过设置ul和li的边框达到设置表格的边框效果*/
</style>
</head>
<body>
<ul>
<li>；表格</li>
<li>；表格</li>
<li>；表格</li>
<li>；表格</li>
<li>；表格</li>
<li>；表格</li>
<li>；表格</li>
<li>；表格</li>
</ul>
</body>
</html>
我都做了注释了，你复制到记事本中，改下后缀名，打开看下效果！
如果懂CSS的话一看就明白了
7.html中怎样用代码写一个表格可以这样：
<style type="text/css">

</style>
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle">
<td colspan="3"><span class="style2">；列车时刻表 </span></td>
</tr>
<tr align="center" valign="middle">
<td><span class="style2">；随便打些字</span></td>
<td><span class="style2">；随便打些字</span></td>
<td><span class="style2">；随便打些字</span></td>
</tr>
<tr align="center" valign="middle">
<td><span class="style2">；随便打些字</span></td>
<td><span class="style2">；随便打些字</span></td>
<td><span class="style2">；随便打些字</span></td>
</tr>
<tr align="center" valign="middle">
<td><span class="style2">；随便打些字</span></td>
<td><span class="style2">；随便打些字</span></td>
<td><span class="style2">；随便打些字</span></td>
</tr>
</table>
【css表格代码怎么写】

文章插图