请问如何才能让我的cellpadding="15px"生效

请问如何才能让我的cellpadding="15px"生效

<!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>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕码 2019-05-07 15:01:20

同学你好!

属性cellpadding和属性padding是互斥的哦,所以不建议这两个属性都属性,必定会影响一个。

cellpadding只能在table中使用,html5中已经淘汰了这个属性。所以同学可以多看看padding哦~

另,关于空隙同学是问这里的空隙吗?

http://img1.sycdn.imooc.com//climg/5cd12d140001337804430079.jpg

可以这么消除空隙:

http://img1.sycdn.imooc.com//climg/5cd12d270001e59307360073.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

好帮手慕码 2019-05-07 10:13:13

同学你好!

因为写了两个cellpadding属性,所以cellpadding=“15px”被前面cellpadding=“10px覆盖了,浏览器从上到下,从前到后值解析一个,

http://img1.sycdn.imooc.com//climg/5cd0e3c70001239910550150.jpg

http://img1.sycdn.imooc.com//climg/5cd0e4400001e3aa08550151.jpg

而且这里因为之前设置的padding属性影响到这里的cellpadding属性了,因此没有生效

http://img1.sycdn.imooc.com//climg/5cd0e9830001188b02940138.jpghttp://img1.sycdn.imooc.com//climg/5cd0e98c00014f1a02220297.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~


  • 提问者 chat_c #1
    呢好,我想问一下,如何在我使用了通配符padding的情况下cellpadding还能生效,还有就是我的第一个teble为什么距离第二个table有空隙。蓝色的那个和第二个有边框的table有空隙,麻烦帮我看看就,谢谢
    2019-05-07 14:47:48
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师