首页 > 其他 > 详细

轮廓Outline|表格Table实例

时间:2017-03-23 21:16:20      阅读:187      评论:0      收藏:0      [点我收藏+]

 

1、使用outline属性在元素周围画一条线。

border:red solid thin;
outline:#00ff00 dotted thick;
outline-style:dotted|dashed|solid|double|groove|ridge|inset|outset;
outline-color:#00ff00;

2、设置轮廓的宽度

border:red solid thin;
outline-style:solid;
outline-width:thin;
outline-width:1px;

3、设置表格的布局

table-layout: automatic
table-layout: fixed

4、是否显示表格中的空单元。(请在非 IE 浏览器中浏览)

border-collapse: separate;
empty-cells: hide;

技术分享

5、合并表格边框,是否把表格边框显示为一条单独的边框,还是像标准的 HTML 中那样分开显示

table
  {
  border-collapse:collapse;
  }

table, td, th
  {
  border:1px solid black;
  }

6、设置单元格边框之间的距离。(请在非 IE 浏览器中浏览

border-collapse: separate;
border-spacing: 10px 50px

7、定位表格的标题。(请在非 IE 浏览器中浏览)

caption-side:bottom
caption-side:top

 

轮廓Outline|表格Table实例

原文:http://www.cnblogs.com/Nyan-Workflow-FC/p/6602295.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!