主要是没有设置td里面的垂直对齐方式，然后td下面的内边距设置10px就可以了
<!DOCTYPE html><html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#main{
}
table{
border-top:1px solid #007DDB
border-left:1px solid #007DDB
}
td{
width: 200px
border-right:1px solid #007DDB
border-bottom:1px solid #007DDB
padding-bottom: 10px
height: 100px
vertical-align: bottom
}
</style>
</head>
<body>
<div id="main">
<table cellpadding="0" cellspacing="0">
<tr>
<td>老虎老鼠傻傻分不清楚</td>
</tr>
<tr>
<td>老虎老鼠傻傻分不清楚</td>
<td>老虎老鼠傻傻分不清楚</td>
</tr>
</table>
</div>
</body>
</html>
文字距离左边框的内边距：
td{padding-left:20px}文字距离左边框的外边距：
td{margin-left:20px}td：
是table data cell的缩写，HTML标签， 代表HTML表格中的一个单元格，td标签是成对出现的，以<td>开始，以</td>结束。
td常用属性：
align——水平对齐方式：left左对齐、center居中对齐、right右对齐、justify两端对齐。
valign——垂直对齐方式：top顶部对齐 、middle中部对齐、bottom底部对齐、baseline基线对齐。
css中设置
table{
border-collapse:collapse
}
或
html中
<table cellspacing="0">
推荐第二种
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）