`
85977328
  • 浏览: 1903747 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

table显示指定的边框

阅读更多
在编写JSP的时候,经常用到table,而显示指定位置的边框,这个功能也特别实用,今天工作中就用到了这个,做出来的效果不错,比单纯的使用方格围起来,美工改进了许多.特意记下来,与广大朋友分享.

<table width="200" style="border-collapse: collapse">
	<tr class="trBorder" >
		<!-- border-width: 上,右,下,左 -->
		<td style="border-width: 0 0 1px 0; border-style: solid; border-color: #6699FF">aa</td>
		<td style="border-width: 0 0 1px 0; border-style: solid; border-color: #6699FF">aa</td>
	</tr>
	<tr class="trBorder">
		<td>aa</td>
		<td>bb</td>
	</tr>
</table>
0
0
分享到:
评论

相关推荐

    Table显示你要显示的边框代码

    1. **frame=above**: 只显示表格的上边框。 2. **frame=below**: 只显示表格的下边框。 3. **frame=vsides**: 只显示左右边框。 4. **frame=hsides**: 只显示上下面框。 5. **frame=lhs**: 只显示左边框。 6. **...

    table只显示横行、枞行

    - **`bordercolor="black"`**:指定边框的颜色为黑色。 ##### 2. 只显示纵行 ```html &lt;table rules="cols" frame="vsides" bordercolor="black"&gt; &lt;tr&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;...

    Android TableLayout实现边框

    对于TableLayout,可以使用`android:showDividers`来显示分割线,并通过`android:divider`指定分割线的样式。对于单个TableRow,可以使用`android:background`属性设置背景图片或颜色,从而达到边框效果。例如: ``...

    有关表格边框的css语法整理

    上述的CSS边框属性通常在现代浏览器中都有良好的支持,但在一些旧版本或非主流浏览器中可能存在兼容性问题,因此在编写CSS时,可能需要使用前缀或者降级策略来确保在各种环境下都能正常显示。 通过以上介绍,我们...

    vxe-table vue table 表格组件功能

    在基础功能方面,vxe-table可以实现常规的表格显示需求,如表格尺寸的自定义、斑马线样式、带有边框的展示以及单元格样式的调整等。通过这些基础设置,开发者可以根据实际需求定制表格的外观,以达到更好的视觉效果...

    css+table 1px边框单元格

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

    table中的border-collapse属性

    例如,在默认情况下,即未明确指定`border-collapse`属性时,浏览器会将其视为`separate`,这可能导致表格看起来较为臃肿,因为每个单元格的边框都会被单独绘制,造成视觉上的不连续性。 ### 二、border-collapse...

    HTML table表格边框的控制详细说明

    2. 使用`frame`属性指定表格外部边框的显示方式。 ```html &lt;table frame="void"&gt; &lt;!-- 不显示任何边框 --&gt; &lt;table frame="above"&gt; &lt;!-- 仅显示上边框 --&gt; ``` 3. 使用`rules`属性控制单元格之间的边框显示。 `...

    [备忘]工作中遇到的一个含rowspan情况table画虚线问题

    本文将围绕“含`rowspan`情况下的`table`画虚线问题”展开讨论,结合标签提供的“源码”和“工具”两个关键词,深入解析如何解决此类问题。 首先,`rowspan`是HTML `&lt;td&gt;`(表格数据单元格)标签的一个属性,用于...

    表格设置table-layout:fixed后对单元格宽度设置无效

    最后,文档中还提到了CSS选择器和属性的使用,比如为表格单元格设置边框样式,以及使用display:none来隐藏不需要显示的行。这些技巧有助于在解决列宽问题的同时,对表格的视觉效果进行更精细的控制。在实际操作中,...

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

    如果是`separate`,则每个单元格的边框将独立显示。 #### 三、其他相关属性 除了`border-collapse`之外,还有一些其他相关的CSS属性可以帮助我们更好地控制表格的边框样式: - **`border-spacing`**:当`border-...

    Bootstrap Table API 中文版(完整翻译文档)

    `data-classes`默认为`table table-hover`,提供边框和悬停时的背景颜色变化。`sortClass`可以自定义排序时单元格的CSS类,`height`设置表格的高度,`text`处理未定义内容时的默认显示,`striped`则控制是否显示斑马...

    CSS控制Table内外边框、颜色、大小示例

    要为整个表格添加外边框,可以使用`.table`选择器,并指定边框样式、颜色和宽度。例如: ```css .table { border: solid 1px #add9c0; } ``` 这将在表格的外部创建一个1像素宽的实线边框,颜色为#add9c0。 3...

    table 的用法 网页设计 中html 语言中table用法

    表格的边框宽度由`border`属性控制,如`border="4"`表示4像素的边框,而`bordercolor`属性用于指定边框颜色,如`bordercolor="#FF0000"`代表红色边框。 对于单元格,它们的大小同样可以通过`width`和`height`属性来...

    隐藏 表格 边框 的设置

    如果你不希望显示任何边框颜色,可以将其设置为`transparent`或者完全移除该属性。 此外,CSS提供了更多控制表格边框的方法,如使用`border-style`来改变边框样式(实线、虚线等),使用`border-radius`来创建圆角...

    【JavaScript源代码】element table多层嵌套显示的实践.docx

    表格的样式可以通过CSS属性来调整,例如`width`设置表格宽度,`margin-bottom`设置底部边距,`border`属性开启边框显示。在嵌套表格中,为了保持层次感,可能需要额外的CSS来控制子表格的显示效果,例如隐藏子表格...

    react-rsuitetable是一个React实现的表格Table组件

    4. **树状表格**:对于层级结构的数据,`rsuite-table` 支持显示为树形结构,每一行都可以展开或折叠,以展示或隐藏子项。这在处理有层次关系的数据时,如组织结构、目录树等场景下十分适用。 5. **排序功能**:...

    windows Form 下的Table容器控件

    4. **边框和间距**:Table控件允许设置单元格之间的边距和间距,这样可以创建出有间隔、美观的布局效果。 5. **列宽和行高比例**:开发者可以通过设置ColumnStyles和RowStyles来指定列宽和行高的相对比例,确保在...

    table示例代码

    1. `border`:设置表格边框的宽度,例如`border="1"`将显示边框。 2. `cellpadding`:设置单元格内部与内容之间的距离。 3. `cellspacing`:设置单元格之间的距离。 4. `width`:设置表格的宽度。 5. `align`:设置...

    前端开源库-tty-table

    1. **自适应宽度**:`tty-table` 能自动调整列宽以适应终端窗口的大小,确保表格内容完整显示。 2. **多种样式**:支持多种样式配置,包括边框风格、对齐方式(左对齐、右对齐、居中),以及颜色和高亮。 3. **灵活...

Global site tag (gtag.js) - Google Analytics