css无法设置表格里面的边框
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>朦朦多多的作业</title>
<link rel="stylesheet" type="text/css" href="css/z.css">
</head>
<body>
<header>
<div><img src="img/logo.png">
</div>
</header>
<section>
<table class="t1">
<tr>
<td class="q1" >
<p >商品管理</p>
<p>评价管理</p>
<p>咨询管理</p>
</td>
<td class="q3">
<p>全部订单</p>
<p>
<form>
查询：<input type="date" name="date">至<input type="date" name="date">
</form>
</td>
</tr>
<tr>
<td class="q2">
<dl>
<dt>全部订单</dt>
<dd>已完成订单</dd>
<dd>待处理订单</dd>
<dd>今日物流</dd>
</dl>
<p>月考核</p>
<p>季度考核</p>
<p>年度考核</p>
</td>
<td class="q4" >
<table border="1">
<tr>
<td colspan="2">宝贝信息</td>
<td>订单数量</td>
<td>单价</td>
<td>买家</td>
<td>下单时间</td>
<td>实付款</td>
<td>订单操作</td>
</tr>
<tr>
<td><img src="img/txue.png"></td>
<td>2019无敌镶金贵族战衣之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/xie.jpg"></td>
<td>2019无敌镶金贵族战靴之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/txue.png"></td>
<td>2019无敌镶金贵族战衣之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/xie.jpg"></td>
<td>2019无敌镶金贵族战靴之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/txue.png"></td>
<td>2019无敌镶金贵族战衣之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/xie.jpg"></td>
<td>2019无敌镶金贵族战靴之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/txue.png"></td>
<td>2019无敌镶金贵族战衣之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/xie.jpg"></td>
<td>2019无敌镶金贵族战靴之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/txue.png"></td>
<td>2019无敌镶金贵族战衣之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/xie.jpg"></td>
<td>2019无敌镶金贵族战靴之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/txue.png"></td>
<td>2019无敌镶金贵族战衣之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
<tr>
<td><img src="img/xie.jpg"></td>
<td>2019无敌镶金贵族战靴之吊炸天大哥来了系列</td>
<td>2</td>
<td>9999</td>
<td>成龙</td>
<td>2019-4-18 22：00</td>
<td>9999</td>
<td>待审核</td>
</tr>
</table>
</td>
</tr>
</table>
</section>
<footer>
<p>2019-9-21 ©imooc.com</p>
</footer>
</body>
</html>
上面html
下面css
*{margin: 0; padding:0;}
/*header*/
header{background-color:blue;
width: 1200px;
height: 50px;}
/*section*/
section{
width: 1200px;
height:555px;
font-size:11px;
}
.q1 {width: 144px; height: 74px;height: 0 }
.q1 >p{height: 11px;
line-height: 11px;
margin-top: 13px;
}
.q2{width: 144px;height:476px;
}
.q3{width: 1056px; height: 74px; height: 0}
.q4{width: 1056px;
height:476px;}
td>img{height:37px; width: 30px; }
.q3 p{border-width:1px; }
正在回答
同学你好！
只出现了外边框是因为只给t1做了边框设置，q3的布局可以修改一下~
右顶部的全部查询是想做成这样的效果吗？
同学可以稍微修改一下布局，这里建议不要使用p标签：
这样布局比之前的容易实现~同学可以亲自尝试一下呢~
如果帮助到了你 欢迎采纳 祝学习愉快~~~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星