细线：

1、table表格设置背景色

2、table中设置单元格距离

3、tr标签设置另外一种背景色

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style>

        td {

            width:40px;

            text-align:center;

        }

    </style>

</head>

<body>

    <table width="300" height="200" align="center" bgcolor="black" cellspacing="1">

        <caption>课程表</caption>

        <tr bgcolor="white">

            <td colspan="2"></td>

            <td>星期一</td>

            <td>星期二</td>

            <td>星期三</td>

            <td>星期四</td>

            <td>星期五</td>

        </tr>

        <tr bgcolor="white">

            <td rowspan="2">上午</td>

            <td>1</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

        </tr>

        <tr bgcolor="white">   

            <td>2</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

        </tr>

        <tr bgcolor="white">

            <td rowspan="2">下午</td>

            <td>1</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

        </tr>

        <tr bgcolor="white">

            <td>2</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

            <td>你好</td>

        </tr>

    </table>

</body>

</html>

另外一个版本：http://www.cnblogs.com/wuqiuxue/p/7880574.html

html——细线表格的更多相关文章

  1. Html细线表格的实现 打印边框设置

    在网页制作中,我们常常会使用到表格,表格使得需要表达的信息更清楚,明了. <table border="1" cellspacing="0" border ...

  2. html制作细线表格

    关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing="1" bgcolor=&q ...

  3. Css制作table细线表格

    制作细线表格,我想应该是最基本的css知识了,记录下来巩固下. 推荐: table{ border-collapse:collapse; border: 1px solid #000000; } td ...

  4. html 细线表格

    可以<table width="800px" cellpadding="0" border="1px" style="bor ...

  5. html5细线表格制作

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  6. 利用CSS生成精美细线Table表格

    精美的表格是前端开发用到的一个组件,很多时候我们利用复杂的页面style代码,来生成这样的表格,造成了页面的修改性和可读性都非常差.这里推荐直接使用css来产生一个细线表格. 使用方法也很简单: 第一 ...

  7. HTML标记语法之表格元素

    语法与语义: <table>和</table>定义表格的开始和结束 <thead>和</thead>定义表格头部的开始和结束 <tbody> ...

  8. HTML表格标签

    table标签的用途: 在表格中放图片,或用于布局(已经淘汰掉了),存放数据 table制作过程: 1.先分析表格有多少行 2.分析有多少列 3.做好表格的基本之后再添加表格需要的一些属性 table ...

  9. h5标签基础 table表格标签

    一.表格的定义:用于有规范的显示数据. 二.基本组成: 行<tr>/列<td>/表头<caption>/表标题<th> eg: <table> ...

随机推荐

  1. [bzoj 1042][HAOI2008]硬币购物（用容斥原理弄背包）

    题目:http://www.lydsy.com:808/JudgeOnline/problem.php?id=1042 分析: 解法很巧妙,用f[i]表示四种硬币A.B.C.D的数量不考虑的情况下弄成 ...

  2. 网卡MAC地址异常会导致无接受数据包，表现为只有发送没有接收

    遇到一个诡异的问题,一块4口博通千兆网卡中两个正常,两个怎么都没有接受,但是博通的程序网卡自检没有任何问题,最后发现是MAC地址的原因.需要将地址改为正常MAC方可正常通讯. 感觉应该是交换机丢弃了M ...

  3. sqlacodegen

    这个工具可以把数据库的表转成sqlalchemy用的class. 但是 table必须要有主键.否则转化成的是Table类型而不是class root@rijx:/tmp# sqlacodegen - ...

  4. 【翻译自mos文章】使用aum（ Automatic Undo Management） 时遇到 ORA-01555错误--- 原因和解决方式。

    使用aum( Automatic Undo Management) 时遇到 ORA-01555错误--- 原因和解决方式. 參考原文: ORA-01555 Using Automatic Undo M ...

  5. Android View measure （三） 经常用法

    ViewGroup.measureChildren() ViewGroup.measureChild() ViewGroup.measureChildWithMargins() /** * Ask o ...

  6. effective C++ 读书笔记 条款14 以对象管理资源

    如果我们使用一个投资行为的程序库: #include "stdafx.h" #include <iostream> #include <memory> us ...

  7. PX4/Pixhawk---高速成为开发人员（Windows）

    1 高速成为开发人员新手教程(翻译)---官方 1.1 编译环境之版本号控制系统 (1)安装MSysGIT 安装完毕后,配置GIT. 安装注意     安装过程中除了以下一步外,其它的步骤都採用默认安 ...

  8. research plan1111

    Hello prof.Choi 感谢您的来电,与您的这次通话我已经期盼了很久.我来做个自我介绍,我叫陈飞,今年27岁了,是河北地质大学计算机科学专业的本科毕业生.我非常想提高自己的学历,现在经过刘老师 ...

  9. imagebutton 设置点击和按压效果

    实现 点击 时 有按压效果 更换颜色 <ImageButton android:id="@+id/mediacontroller_Fullscreen_or_not" and ...

  10. B1877 [SDOI2009]晨跑 费用流

    其实之前写过一个板子,但是一点印象都没有,所以今天重写了一下,顺便把这个题当成板子就行了. 其实费用流就是把bfs换成spfa,但是中间有一个原则,就是费用优先,在费用(就是c)上跑spfa,顺便求出 ...