麻烦老师看一下怎么回事

来源:3-2 项目作业

bao_

2020-02-20 19:31:01

http://img.mukewang.com/climg/5e4e6dbb09bacc1619170913.jpg

/* header */
table{
    width: 100%;
}
.Big_content thead tr td,
.Big_content tfoot tr td{
    width: 100%;
    height: 60px;
    background: #169bd5;
}



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3-2Project practice</title>
    <link rel="stylesheet" href="./css/style.css" type="text/css">
    <link rel="stylesheet" href="./css/index.css" type="text/css">
</head>
<body>
    <table cellspacing="0" cellpadding="0"  class=".Big_content">
        <thead>
            <tr>
                <td colspan="2"><img src="./img/logo.png" alt="imooc"></td>
            </tr>   
        </thead>
        <tbody>
            <table>
                <tr>
                    <td>
                        <p>商品管理</p>
                        <p>评价管理</p>
                        <p>咨询管理</p>
                        <p>全部订单</p>
                        <p>已完成订单</p>
                        <p>待处理订单</p>
                        <p>今日物流</p>
                        <p>月考核</p>
                        <p>季度考核</p>
                        <p>年度考核</p>
                    </td>
                    <td></td>
                </tr>
            </table>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="2" align="center">2020-2-20&copy;imooc.com</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>


写回答

3回答

好帮手慕星星

2020-02-21

同学你好,标签中class名称不需要添加点,并且类名大小写要保持一致哦。如下:

http://img.mukewang.com/climg/5e4f480a090c140407440355.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

bao_

提问者

2020-02-20

我的样式为什么定位不到?这么多table我应该怎么才能准确的定位到,我把tboay里面的注释掉thead和tfoot就有样式了table>thead>tr>td这种 给最外层table设置个类名就不行.big_content>thead>tr>td这样就定位不到为什么

0

好帮手慕糖

2020-02-20

同学你好,如下,老师这里测试的是没有div元素的,可以查看下运行的与粘贴的代码是否一致。
http://img.mukewang.com/climg/5e4e760c09a092b810300585.jpg

不过这里的表格嵌套是有点问题的。分组下,应该是行标签,然后是列,其他嵌套的标签,应该存放到列标签下,所以这里可以将缺少的tr与td标签补充下,例:

http://img.mukewang.com/climg/5e4e76900903887205050227.jpg

祝学习愉快~

0

0 学习 · 40143 问题

查看课程