`
dreamoftch
  • 浏览: 498123 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML中table边框的显示总结

 
阅读更多
http://blog.sina.com.cn/s/blog_90aad2c9010180cf.html
一、
1、显示表格的4个边框:<table border frame=box>
2、只显示上边框: <table border frame=above>
3、只显示下边框: <table border frame=below>
4、只显示上下边框: <table border frame=hsides>
5、只显示左右边框: <table border frame=vsides>
6、只显示左边框: <table border frame=lhs>
7、只显示右边框: <table border frame=rhs>
8、不显示任何边框: <table border frame=void>

二、
1、只显示列与列之间的分隔线:<table rules=cols>
2、只显示行与行之间的分隔线:<table rules=rows>
3、不显示任何分隔线: <table rules=none> (只显示四个边框)
4、显示所有分隔线: <table rules=all>

但是还要提醒的是,nc不支持这些表格属性!

 

分享到:
评论

相关推荐

    html为内边框加颜色而嵌套TABLE边框不显示出来的两种方法.pdf

    在HTML中,为内边框添加颜色而嵌套表格时,可能会遇到外层表格边框不显示的问题。这个问题通常由于CSS样式冲突或者表格属性设置不当所引起。文档中提供了两种解决方法来解决这个问题。 方法一: 这种方法利用了CSS...

    table只显示横行、枞行

    通过这种方式,我们可以更灵活地控制表格中每一部分的样式,包括边框的颜色、宽度以及是否显示等。 #### 三、结论 综上所述,要实现只显示横行或枞行的效果,可以通过设置`&lt;table&gt;`元素的`rules`和`frame`属性来...

    bootstrap集成table样式的总结

    在Bootstrap中,可以通过添加`.table-actions`类来创建一个操作列,通常用于显示编辑、删除等操作: ```html &lt;table class="table"&gt; 张三 &lt;td&gt;25 北京 &lt;td class="table-actions"&gt; 编辑 删除 &lt;!-- ...

    HTML表格边框设置方法

    在网页设计中,HTML...总结起来,HTML表格边框的设置涉及到多个CSS属性,包括边框宽度、样式、颜色、合并、单元格边框以及响应式设计等方面。掌握这些知识点,就能灵活地定制表格的外观,满足网页设计的需求。

    CSS样式简单实现Table没有外边框只有内边框

    总结来说,实现"Table没有外边框只有内边框"的效果主要依赖于以下几点CSS技巧: 1. 使用`border-collapse: collapse;`来合并单元格边框。 2. 将表格的边框设置为0,移除外边框。 3. 针对每个单元格设置边框,确保...

    HTML_TABLE_数据填充处理.

    HTML表格(HTML Table)是网页设计中用于展示结构化数据的重要元素。在HTML中,我们使用`&lt;table&gt;`标签来创建表格,它包含了若干行`&lt;tr&gt;`(表格行),每一行内又包含若干列`&lt;td&gt;`(表格数据单元格)或`&lt;th&gt;`(表头...

    使用css如何操作Table没有外边框只有内边框

    在网页设计中,CSS(Cascading Style Sheets)是一种强大的工具,用于控制页面元素的样式,包括表格(Table)的布局和边框。当我们想要创建一个没有外边框只有内边框的表格时,可以利用CSS来实现。下面将详细解释...

    html做表格只显示表格的外边框

    总结一下,要在HTML中制作只显示外边框的表格,需要遵循以下步骤: 1. 使用`&lt;table&gt;`标签创建表格。 2. 添加`border-collapse: collapse;`到表格的CSS样式中,以便合并边框。 3. 将`border: none;`应用到`&lt;td&gt;`标签...

    table中的border-collapse属性

    在探讨“table中的border-collapse属性”这一主题时,我们深入剖析了CSS中这一关键属性的运作机制及其对表格布局的影响。border-collapse属性是CSS中用于控制表格边框表现的重要属性,它决定了表格单元格(td)之间...

    html 边框虚线.pdf

    在HTML中,有许多常用的标签,如`div`、`span`、`ul`、`li`、`table`、`tr`、`td`等,都可以应用CSS来添加虚线边框。下面我们将详细介绍如何使用CSS来实现这些元素的虚线边框。 1. CSS `border`属性 CSS的`border`...

    设置表格的边框是否被合并为一个单一的边框

    `border-collapse`属性用于控制表格单元格之间的边框是否合并为一条线,而不是按照标准HTML中的默认方式显示为分开的边框。这个属性有两种值:`collapse` 和 `separate`。 - **`border-collapse: collapse;`**:...

    table标签使用方法

    ### HTML中的Table标签使用方法详解 #### 一、Table标签基础概述 `table`标签是HTML中最常用的元素之一,主要用于创建表格。通过合理利用`table`标签及其相关的属性,可以轻松地实现数据的结构化展示。本文将详细...

    简单网页table布局

    在table布局中,我们可以用CSS来调整表格的样式,如边框、填充、颜色等。例如,给表格添加内边距和蓝色背景: ```css table { border-collapse: collapse; padding: 5px; background-color: lightblue; } th, ...

    css table 表格标签

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而HTML中的`&lt;table&gt;`标签则是用来创建表格布局的重要元素。`&lt;table&gt;`标签允许我们构建复杂的表格结构,包括行(`&lt;tr&gt;`)、列(`...

    table网页布局网站

    在现代网页设计中,由于Table布局不便于实现响应式设计,设计师通常会借助CSS3的媒体查询(Media Queries)来调整表格在不同设备上的显示效果,或者使用`display:table`等CSS属性来模仿Table布局,以实现更灵活的...

    ccs制作表头有斜线的表格

    这里的`table-bordered`为表格添加了边框,而`table-responsive`则确保在窄屏设备上表格能滚动查看。 总结一下,创建带有斜线分隔的表头主要涉及以下步骤: 1. 在`&lt;th&gt;`元素内部构建多层HTML结构。 2. 使用CSS伪...

    隐藏 表格 边框 的设置

    总结来说,隐藏表格边框主要依赖于CSS中的`border-width`和`border-style`属性。通过设置它们的值,我们可以轻松地控制表格边框的显示与隐藏。这种技巧不仅适用于隐藏单一边框,也适用于调整整个表格的外观,是网页...

    table分页与排序

    总结来说,"table分页与排序"涉及到HTML结构的构建、JavaScript事件处理和数据操作,以及CSS样式设计。开发者需要理解这些技术,并根据项目需求选择合适的方法或框架来实现功能,提供用户友好的数据浏览体验。在实践...

    table 细线 样式

    在网页设计中,表格(Table)是一种非常重要的布局工具,可以用来展示数据或构建页面结构。对于追求美观和细节的设计师来说,如何设置表格的边框样式尤为重要。本文将重点探讨“table细线样式”,即如何使表格边框...

    css+table 1px边框单元格

    ### CSS + Table 1px边框单元格 在网页设计中,使用表格(`&lt;table&gt;`)来布局页面内容是一种常见的做法。为了使表格看起来更加美观、整洁,开发者经常需要为表格添加边框。传统的做法是通过设置表格背景和单元格背景...

Global site tag (gtag.js) - Google Analytics