美文网首页
css样式为表格加入边框

css样式为表格加入边框

作者: LvyCode | 来源:发表于2017-07-31 17:20 被阅读31次

Table 表格在没有添加 css 样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。

在右侧代码编辑器中添加如下代码:

<style type="text/css">

table tr td, td{

border:1px solid #000;

}

</style>

table tr td,th{border:1px solid #000;}

上述代码是用 css 样式代码(后面章节会详细讲解),为th,td单元格添加粗细为一个像素的黑色边框。

结果窗口显示出结果样式:

相关文章

  • css样式为表格加入边框

    Table 表格在没有添加 css 样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节...

  • CSS 表格样式

    本节我们来学习表格样式,通过 CSS 中的属性可以设置表格的外观,例如表格边框样式、颜色、间距等。 设置表格边框 ...

  • CSS基础

    一.CSS语法 二.选择器 三. 尺寸,背景,文本,字体,鼠标样式 四. 表格,边框,内外边距,边框模型 边框样式...

  • day03

    今天学了什么 1.css列表样式 2.css边框 可以简写成 3.表格 3.1折叠边框 border-collap...

  • 06day

    表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td ...

  • 表单

    表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td ...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • css样式——表格篇

    CSS 表格属性可以帮助您极大地改善表格的外观。 表格边框 如需在 CSS 中设置表格边框,请使用border属性...

  • CSS笔记16:border-collapse

    合并表格单元格边框 未合并边框时样式未合并表格单元格边框

  • CSS文本-边框-列表

    文本属性 边框样式border 表格属性 表格边框合并border-collapseborder-collapse...

网友评论

      本文标题:css样式为表格加入边框

      本文链接:https://www.haomeiwen.com/subject/tqbywttx.html