轮廓Outline|表格Table实例

Posted Nyan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了轮廓Outline|表格Table实例相关的知识,希望对你有一定的参考价值。

 

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实例的主要内容,如果未能解决你的问题,请参考以下文章

css:使用单面轮廓和轮廓偏移?

在 Chrome 浏览器 Windows 上,当轮廓样式为自动时,轮廓偏移不会被应用。

Unity之2D Sprite Outline外轮廓效果

大楼轮廓 · building-outline

实现table表格各行变色代码实例

dotnet OpenXML 形状的 Outline 的 LineWidth 线条轮廓粗细宽度的行为