细线：

1、table表格设置背景色

2、table中设置单元格距离

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <style>
  7.         td {
  8.             width:40px;
  9.             text-align:center;
  10.         }
  11.     </style>
  12. </head>
  13. <body>
  14.     <table width="300" height="200" align="center" bgcolor="black" cellspacing="1">
  15.         <caption>课程表</caption>
  16.         <tr bgcolor="white">
  17.             <td colspan="2"></td>
  18.             <td>星期一</td>
  19.             <td>星期二</td>
  20.             <td>星期三</td>
  21.             <td>星期四</td>
  22.             <td>星期五</td>
  23.         </tr>
  24.         <tr bgcolor="white">
  25.             <td rowspan="2">上午</td>
  26.             <td>1</td>
  27.             <td>你好</td>
  28.             <td>你好</td>
  29.             <td>你好</td>
  30.             <td>你好</td>
  31.             <td>你好</td>
  32.         </tr>
  33.         <tr bgcolor="white">   
  34.             <td>2</td>
  35.             <td>你好</td>
  36.             <td>你好</td>
  37.             <td>你好</td>
  38.             <td>你好</td>
  39.             <td>你好</td>
  40.         </tr>
  41.         <tr bgcolor="white">
  42.             <td rowspan="2">下午</td>
  43.             <td>1</td>
  44.             <td>你好</td>
  45.             <td>你好</td>
  46.             <td>你好</td>
  47.             <td>你好</td>
  48.             <td>你好</td>
  49.         </tr>
  50.         <tr bgcolor="white">
  51.             <td>2</td>
  52.             <td>你好</td>
  53.             <td>你好</td>
  54.             <td>你好</td>
  55.             <td>你好</td>
  56.             <td>你好</td>
  57.         </tr>
  58.     </table>
  59. </body>
  60. </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. WEB开发----springboot的登录拦截机制

    如果是一个后台的管理项目的,有些东西是不能直接就可以访问的,必须要登录才可以进去,所以就需要进行登录拦截,只有登录过的用户才可以正常访问. 登录拦截是不会拦截jsp页面的方法,所以我们需要在Contr ...

  2. CF578D. LCS Again

    n<=100000个字符的小写字母串,问用前m<=26个小写字母能拼出多少个和原串lcs=n-1的字符串. 首先把字符串划分成若干个连续相同的段,如aaa|bb|c|dd,然后题目即要求从 ...

  3. 1267 老鼠的旅行 2012年CCC加拿大高中生信息学奥赛

    1267 老鼠的旅行  2012年CCC加拿大高中生信息学奥赛 题目描述 Description You are a mouse that lives in a cage in a large lab ...

  4. SecureCRT复制粘贴快捷键

    复制:[Ctrl]+[Insert] 粘贴:[Shift]+[Insert]

  5. js/jq仿window文件夹移动/剪切/复制等操作

    1.先看下效果吧! 2.在添加一个index.html <!DOCTYPE html> <html lang="en"> <head> < ...

  6. 喜欢玩warcraft的ltl

    喜欢玩warcraft的ltl 时间限制:2000 ms  |  内存限制:65535 KB 难度:3 描写叙述 ltl 很喜欢玩warcraft.由于warcraft十分讲究团队总体实力,而他自己如 ...

  7. 移动匿名支付购物方案 A Lightweight Anonymous Mobile Shopping Scheme Based on DAA for Trusted Mobile Platform

  8. Windows 9立即公布了

    Windows 9技术预览版可能于今晚在美国旧金山举办的Windows公布会上宣布.下一代的Windows名称最有可能是Windows或Windows 9.网友猜想也可能是WIndows X或Wind ...

  9. layoutSubviews, setNeedsLayout, layoutIfNeeded

    layoutSubviews总结 ios layout机制相关方法 - (CGSize)sizeThatFits:(CGSize)size- (void)sizeToFit——————- - (voi ...

  10. #HDU 3790 最短路径问题 【Dijkstra入门题】

    题目: 最短路径问题 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total ...