<tr>
<td width="50%" align="left" style="padding-left:10px;">左对齐，距离左边10像素</td>
<td width="50%">测试</td>
</tr>
</table><html>
<head>
<style type="text/css">
td1 {text-align:left; font-size:12pt;}
p1 {text-align:left; text-indent:2em; font-size:12pt;}
</style>
</head>
<body>
<table>
<tr><td class="td1">网页制作</td></tr>
<tr><td><p class="p1">语言</p></td></tr>
</table>
</body>
</html>
text-indent:2em; 的样式就是空2格，同样：
text-indent:4em; 就是空4格
1、新建一个html文件，命名为testhtml。
2、在testhtml文件中，使用table标签创建一个三行两列的表格，用于测试。
3、在testhtml文件中，给table标签添加一个class属性，用于下面样式定义。
4、在css标签内，通过class定义tbale标签的样式。
5、在css标签内，使用border-spacing属性定义表格单元格之间边框的距离即可了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）