静态的网页表格制作2

最新推荐文章于 2022-08-03 11:06:19 发布

等待的L先生

最新推荐文章于 2022-08-03 11:06:19 发布

阅读量150

点赞数

分类专栏： # html+css 文章标签： html css css3 网页设计

本文链接：https://blog.csdn.net/weixin_42590083/article/details/109756255

版权

html+css 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

静态的网页表格制作2
图片示例：
**静态的网页表格制作2**
代码详情：


```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格训练第二个内容</title>
    <style type="text/css">
    .content{width: 1024px;margin-left: 15%;text-align: center;}
    table{border-collapse: collapse;border-spacing: 10px 20px;table-layout: auto;width: 1000px;border: 1px solid blue;}
    table tr td{border:0px;}
    caption{font-family: 宋体;font-weight: bold;}
    #touBiao{background: rgb(12, 77, 163);color: white;}
    #secondTB,#thirdtTB{background: rgb(79, 135, 209);color: whitesmoke;text-align: left;};
    </style>
</head>
<body>
    <div class="content">
        <table border="0">
            <caption>2007年全国非邮发报刊联合征订目录</caption>
            <tr id="touBiao">
                <th>代号</th>
                <th>刊名</th>
                <th>刊期</th>
                <th>出版地</th>
                <th>年定价</th>
                <th>CM号</th>
            </tr>
            <tr id="secondTB">
                <td colspan="6">A马列主义毛泽东思想</td>
            </tr>
            <tr>
                <td>0001</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            <tr>
                <td>0002</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            <tr>
                <td>0003</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            <tr>
                <td>0004</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            <tr id="thirdtTB"><td colspan="6">B哲学.美学.心理学.宗教</td></tr>
            <tr>
                <td>0004</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            <tr>
                <td>0004</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            <tr>
                <td>0004</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            <tr>
                <td>0004</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td></tr>
            <tr>
                <td>0004</td>
                <td>马克思主义研究</td>
                <td>月刊</td>
                <td>北京</td>
                <td>144.0</td>
                <td>11-3911</td>
            </tr>
            </table>
        </div>
    
</body>
</html>

等待的L先生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
**静态的网页表格制作2**

静态的网页表格制作2图片示例：代码详情：```html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格训练第二个内容</title> <st
复制链接

扫一扫

专栏目录