请问如何才能让我的cellpadding="15px"生效
来源:3-2 项目作业
chat_c
2019-05-06 19:09:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
</style>
<link rel="stylesheet" type="text/css" href="5.6.css"/>
</head>
<body>
<table width="100%">
<thead>
<tr>
<td width="100%" height="60px" bgcolor="#169bd5"><img src="img/logo.png"/></td>
</tr>
</thead>
<tbody>
<tr>
<td>
<table border="1px" width="100%" cellpadding="10px" cellspacing="0" cellpadding="15px">
<tr>
<td width="12%" valign="top">
<br />
<p>商品管理</p><br/>
<p>评价管理</p><br />
<p>咨询管理</p><br /><br /><br />
<p>全部订单</p><br />
<p>已完成订单</p><br />
<p>待处理订单</p><br />
<p>今日物流</p><br /><br /><br />
<p>月考核</p><br />
<p>季度考核</p><br />
<p>年度考核</p><br />
</td>
<td width="88%">
<table border="1px" width="100%" cellspacing="0">
<tr>
<td width="100%" height="50px"></td>
</tr>
</table>
<table border="1px" width="100%" cellspacing="0">
<tr>
<td width="100%" height="50px"></td>
</tr>
</table>
<table border="1px" width="100%" cellspacing="0">
<tr height="50px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
<tr height="54px">
<td width="100px"></td>
<td width="500px"></td>
<td width="120px"></td>
<td width="80px"></td>
<td width="100px"></td>
<td width="200px"></td>
<td width="100px"></td>
<td width="120px"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot>
<tr valign="center">
<td width="100%" bgcolor="#169bd5" height="60px">2019-9-21 @imooc.com</td>
</tr>
</tfoot>
</table>
</body>
</html>
2回答
好帮手慕码
2019-05-07
同学你好!
属性cellpadding和属性padding是互斥的哦,所以不建议这两个属性都属性,必定会影响一个。
cellpadding只能在table中使用,html5中已经淘汰了这个属性。所以同学可以多看看padding哦~
另,关于空隙同学是问这里的空隙吗?
可以这么消除空隙:
如果帮助到了你 欢迎采纳 祝学习愉快~
好帮手慕码
2019-05-07
同学你好!
因为写了两个cellpadding属性,所以cellpadding=“15px”被前面cellpadding=“10px覆盖了,浏览器从上到下,从前到后值解析一个,
而且这里因为之前设置的padding属性影响到这里的cellpadding属性了,因此没有生效
如果帮助到了你 欢迎采纳 祝学习愉快~
相似问题