用HTML做表格简直太轻松了,看一遍例题就会了,做细线表格也不难,用DW顶多修改几个值就可以了,但是总是用鼠标点来点去,不免
会想:有满意用一行代码就解决这个问题呢?于是问老师,答案是肯定有的,就是用CSS可以完成这个作业
那CSS是什么呢?CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
我也是刚刚学习CSS,对于CSS的语法格式、选择器的类别,以及样式分类不做赘述,只把语法贴出来与新手们共享,以三行三列为例:
<html>
 <head>
  <title>CSS制作细线表格</title>
   <style>
      table,td{border:#0000FF; border-collapse:collapse}
   </style>
  </head>
<body>
<table width="200" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
   
  </tr>
  </table>
</body>
</html>
细线表格做完了,还有个例题也拿出来跟大家分享,就是用CSS做虚线表格,还是以三行三列为例,我只把CSS样式写出来,如果建表,我就不多说了,怕说多了,被仍板砖
<style>
table,td{border:#0000FF dotted 1px;
border-collapse:collapse}
</style>
border-collapse:collapse写不写看要求,加上后,虚线表格会看起来更直观一些。
本文转自 小孙村长 51CTO博客,原文链接:http://blog.51cto.com/xiaosuncunzhang/143395,如需转载请自行联系原作者

用CSS制作细线表格相关推荐

  1. html表格如何成为一条线,html如何制作细线表格

    这次给大家带来html如何制作细线表格,用html制作细线表格的注意事项有哪些,下面就是实战案例,一起来看一下. 关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置 ...

  2. 表格为一条细线的html代码,html制作细线表格的简单实例

    原标题:html制作细线表格的简单实例 关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border="0" cellspacing=&quo ...

  3. html怎样制作纵向表格,html制作细线表格的简单实例

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

  4. php表格边框细线,html如何制作细线表格

    这次给大家带来html如何制作细线表格,用html制作细线表格的注意事项有哪些,下面就是实战案例,一起来看一下. 关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置 ...

  5. html中table四角圆弧,利用作图软件(FireWorks)或CSS制作圆角表格(表格四角为圆润)。...

    利用作图软件(FireWorks)或CSS制作圆角表格(表格四角为圆润). 更多相关问题 物理爆炸包括液化石油气罐因承受不了罐里面的压力而发生的爆炸.() 富含氧和氢元素的化合物是可燃物.() 润滑油 ...

  6. html制作检测结果表格,HTML_html制作细线表格的简单实例,关于这个细线表格的制作方法 - phpStudy...

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

  7. css 细线表格,如何在Dreamweaver中制作细线表格?

    方法一:利用单元格间距 1.在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,设置边框粗细为0,单元格边距为0,单元格间距为1. 2.选中表格,在属性面板中设置表格的背景颜色,如 ...

  8. Css制作table细线表格

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

  9. html表格线条粗细,css 细线表格 css制作table细线表格常用属性

    Css制作table细线表格 1.介绍了一个不常用属性:border-collapse:collapse; 2.使用了一个属性缩写技巧:border:style color;border-width: ...

  10. php表格好看样式,怎么用css制作好看的表格?【示例】

    本篇文章将要给大家详细介绍如何用css制作出好看又简洁的HTML表格.相信大家在接触过HTML相关知识后,或多或少都会自己写点小代码,写个小效果.就比如table表格,我们在浏览各个网站时,总能看到各 ...

最新文章

  1. VMware Fusion 静态ip
  2. SQL Server 2012 新特性:新增和修改函数
  3. 8个球放入3个盒子方式_8种土豆做法,好吃到根本停不下来!
  4. PHP笔记-用户登录例子
  5. 酷炫好看的横向滑动个人介绍简历模板
  6. srsLTE源码学习:GTP:GPRS Turning Protocol- GPRS隧道协议
  7. 设计模式1【续】:动态设定行为
  8. 搭建Zabbix Proxy HA
  9. iOS自动布局之autoresizingi
  10. NVIDIA Control Panel 闪退(英伟达控制面板闪退)
  11. c语言笔试题 选择题,C语言笔试选择题
  12. jxbrowser保存文件打开的上次目录,支持单文件,多文件,多窗口
  13. 4线电阻屏linux驱动,TQ2440四线电阻式触摸屏驱动程序的分析
  14. 计算机毕业论文提纲如何写,计算机毕业论文提纲怎么写
  15. js+json实现哔哩哔哩番剧时间表
  16. ## DNF地狱猫官方版本公告
  17. 怎么把Excel表格旋转90°显示
  18. HTML初识:网页结构、标签、特殊符号、列表
  19. python提升篇(五) -----实例练习第04day
  20. cgb2110-day01

热门文章

  1. 怎么看神经网络过早收敛_遗传算法的收敛性分析
  2. 多头注意力比单头好在哪?
  3. Reverse Integer(C++)
  4. flutter usb串口_Flutter 踩坑记录
  5. 深度学习多种模型评估指标介绍 - 附sklearn实现
  6. 推荐系统实践--基于用户的协同过滤算法
  7. 最新用python来操作mysql完全解析
  8. 凸优化学习笔记(四):对偶性、KKT 条件、敏感性分析
  9. mysql根据id主键查询是找到了就不再遍历后面的数据了吗_MySQL索引相关
  10. 市民云注销账号实名认证还有吗_这可能是全网最详细的注销网易服务的教程了...