h5学习笔记 Table

最新推荐文章于 2024-05-01 02:23:23 发布

传说中的贫民窟

最新推荐文章于 2024-05-01 02:23:23 发布

阅读量810

点赞数

本文链接：https://blog.csdn.net/truhfcg/article/details/83831343

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

这里写图片描述

编写一个表格作为练习。当中有个比较重要的样式在学习过程中遇到，border-collapse: collapse; 能够去除双重的边框。table可以合并单元格所以对td属性设置 colspan=”2” 则代表可以设置单元格。

table 当中thead， tbody， tfoot 都是table元素。使用thead代表表头，这个标签好处的无需关系位置。同样tfoot 也一样。

.mytable tr:nth-child(2n) 为隔开选取，这样就能够间隔地处理错开的颜色。

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>Table 练习</title>    </head>    <style>        .mytable        {            width: 800px;            height: auto;            margin: 0 auto;        }        .mytable table        {            width: 100%;            border: 1px solid #999;            padding: 0;            margin: 0;            border-collapse: collapse;