码迷,mamicode.com
首页 > 其他好文 > 详细

轮廓Outline|表格Table实例

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

标签:png   www   school   asp   apt   布局   距离   tom   otto   

 

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实例

标签:png   www   school   asp   apt   布局   距离   tom   otto   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!