`

table属性

 
阅读更多

表格的色彩

 

表元的背景色彩和背景图象
<th bgcolor=#>
<th background="URL">

#=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<table border>
<tr><th bgcolor=ffaa00>Food</th>
     <th bgcolor=Red>Drink</th>
     <th rowspan=2 background="image.gif">Sweet</th>
<tr bgcolor=white><td>A</td><td>B</td>
</table>
Food Drink Sweet
A B

 

表格边框的色彩
<table bordercolor=#>

<table cellspacing=5 border=5 bodercolor=#ffaa00>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>       
</table>
Food Drink Sweet
A B C

 

表格边框色彩的亮度控制
<table bordercolorlight=#>
<table bordercolordark=#>

<table cellspacing=5 border=5 
      bordercolorlight=White bordercolordark=Maroon>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>       
</table>
Food Drink Sweet
A B C

+ 表格的分组显示(Structured Table)

 

按行分组
<thead> ... </thead> - 表的题头(Header)
<tbody> ... </tbody> - 表的正文(Body)
<tfoot> ... </tfoot> - 表的脚注(Footer)

<table border>
<thead>
      <tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
      <tr><td>A</td><td>B</td><td>C</td>
      <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
Food Drink Sweet

A B C
D E F

 

按列分组
<colgroup align=#> #=left, right, center

<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
      <thead>
           <tr><th>Food</th><th>Drink</th><th>Sweet</th>
      </thead>
      <tbody>
           <tr><td>A</td><td>B</td><td>C</td>
           <tr><td>D</td><td>E</td><td>F</td>
      </tbody>
</table>
Food Drink Sweet

A B C
D E F

 

列的属性控制
<col span=#> #=从左数起,具有指定属性的列的列数
<col align=#> #=left, right, center

<table border width=160>
<colgroup>
      <col align=center span=2>
<colgroup align=right>
      <thead>
           <tr><th>Food</th><th>Drink</th><th>Sweet</th>
      </thead>
      <tbody>
           <tr><td>A</td><td>B</td><td>C</td>
           <tr><td>D</td><td>E</td><td>F</td>
      </tbody>
</table>
Food Drink Sweet

A B C
D E F

+ 表格中边框的显示

 

显示所有 4 个边框 <table frame=box>

<table border frame=box>
<thead>
      <tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
      <tr><td>A</td><td>B</td><td>C</td>
      <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
Food Drink Sweet

A B C
D E F

 

只显示上边框 <table frame=above>

Food Drink Sweet

A B C
D E F

 

只显示下边框 <table frame=below>

Food Drink Sweet

A B C
D E F

 

只显示上、下边框 <table frame=hsides>

Food Drink Sweet

A B C
D E F

 

只显示左、右边框 <table frame=vsides>

Food Drink Sweet

A B C
D E F

 

只显示左边框 <table frame=lhs>

Food Drink Sweet

A B C
D E F

 

只显示右边框 <table frame=rhs>

Food Drink Sweet

A B C
D E F

 

不显示任何边框 <table frame=void>

Food Drink Sweet

A B C
D E F

+ 表格中分隔线(Rules)的显示

 

显示所有分隔线 <table rules=all>

<table border rules=all>
<colgroup><col align=center span=2>
<colgroup align=right>
      <thead>
           <tr><th>Food</th><th>Drink</th><th>Sweet</th>
      </thead>
      <tbody>
           <tr><td>A</td><td>B</td><td>C</td>
           <tr><td>D</td><td>E</td><td>F</td>
      </tbody>
      <tbody>
           <tr><td rowspan=3 align=right>Total $-00.0</td>
      </tbody>
</table>
Food Drink Sweet

A B C
D E F
Total $-00.0

 

只显示组(Groups)与组之间的分隔线 <table rules=groups>

Food Drink Sweet

A B C
D E F
Total $-00.0

 

只显示行与行之间的分隔线 <table rules=rows>

Food Drink Sweet

A B C
D E F
Total $-00.0

 

只显示列与列之间的分隔线 <table rules=cols>

Food Drink Sweet

A B C
D E F
Total $-00.0

 

不显示任何分隔线 <table rules=none>

Food Drink Sweet

A B C
D E F
Total $-00.0  
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    table边框线属性

    在网页设计中,表格(Table)是用于组织和展示数据的重要元素。对于表格的样式,边框线...文件`Table属性_蜕变.htm`和`Table属性_蜕变.files`可能包含了更具体的示例代码和演示,可以帮助你更好地理解和应用这些知识。

    Bootstrap Table中文文档

    bootstrap table各个属性值的详细说明,中文翻译版本。

    ec属性 ec:table ec:column

    ### 关于EC属性详解:`ec:table`与`ec:column` 在现代网页开发中,EC框架(这里假设EC代表某个具体框架)提供了一系列强大的工具来帮助开发者快速构建复杂的数据展示界面。其中,`ec:table`作为该框架的核心组件之...

    table网页布局网站

    3. **Table属性增强** - `border`:设置表格边框的宽度。 - `cellpadding`和`cellspacing`:分别设置单元格内部边距和单元格之间的距离。 - `width`和`height`:设定表格的宽度和高度。 - `align`和`valign`:...

    uitable控件.pdf

    3. uitable属性的设置与修改 通过GUIDE布局区创建uitable对象后,打开其属性查看器可设置与修改属性。例如设置列名,可以通过点击属性编辑框中的Rows选项进行。同理,设置表格数据可通过Data选项操作。 4. GUI设计...

    tbl.zip_.tbl_GUI table_TBL_Table

    3. **设置table属性**:`uitable`函数有许多可调整的属性,如列宽、行高、背景色等,可以根据需求定制表格的外观。 4. **更新table数据**:如果需要动态更新表格内容,可以使用`set`函数修改`uitable`的`Data`属性...

    利用层的table-row、table-cell属性进行页面布局

    "利用层的table-row、table-cell属性进行页面布局"是一种常见的CSS布局技术,尤其在早期的Web开发中广泛使用,尽管现代CSS布局如Flexbox和Grid已变得更为流行。这种布局方法模仿了HTML表格的行(row)和单元格(cell)...

    Laravel开发-laravel-table

    // 默认表名可以通过模型类的$table属性指定 protected $table = 'users'; } ``` 2. 属性与字段:模型类中的属性对应数据库表中的列。例如,`public $fillable`定义可mass assignment的字段,`public $hidden`...

    CSS display属性的table表格布局

    项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的...

    MATLAB GUI视频教程:uitable的使用方法.pdf

    通过代码设置uitable属性,可以手动创建表格,设置列标题和列宽,以及编辑状态。在某些应用实例中,如质量检查中收集的数据,uitable还可以用来显示实际的数据集,比如某工厂的洗衣液重量数据。可以通过读取数据文件...

    bootstarp table行拖拽js.rar

    table属性 onReorderRowsDrag: function(table, row) { //取索引号 dragbeforeidx = $(row).attr("data-index"); }, //拖拽完成后的这条数据,并且可以获取这行数据的上一行数据和下一行数据 ...

    hibernate多对多双向关联

    &lt;set name="roles" table="t_user_role"&gt; &lt;key column="userid"/&gt;&lt;br&gt; &lt;many-to-many class="com.bjsxt.hibernate.Role" column="roleid"/&gt;&lt;br&gt; &lt;/set&gt;&lt;br&gt; table属性必须和单向关联中table的 ...

    SAP table control使用介绍

    可以通过特殊结构 `CXTAB_CONTROL` 来设置或获取 Table Control 的各种运行时属性,例如当前行 (`CURRENT_LINE`) 和顶部行 (`TOP_LINE`) 等。例如: ```abap CONTROLS: tab_con TYPE TABLEVIEW USING SCREEN nnnn...

    映射方法和属性@Column

    7. table 属性表示当映射多个表时,指定表的表中的字段。默认值为主表的表名。 8. length 属性表示字段的长度,当字段的类型为 varchar 时,该属性才有效,默认为 255 个字符。 9. precision 属性和 scale 属性...

    element-ui table组件如何使用render属性的实现

    主要介绍了element-ui table组件如何使用render属性的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    table中的border-collapse属性

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

    html_dom_api.rar

    13.1、TableCell 对象属性 28 13.2、标准属性 29 14、TableRow 对象 29 14.1、TableRow 对象集合 29 14.2、TableRow 对象属性 29 14.3、TableRow 对象方法 30 ********************************************* 30 ...

    table嵌套table边框样式

    在CSS中,我们可以用以下属性来调整表格的边框: 1. `border`: 设置元素的边框宽度、样式和颜色。 2. `border-collapse`: 控制表格的边框合并。默认值为`separate`,表示边框分开;设为`collapse`时,相邻边框会...

    selenium + python 获取table数据的示例讲解

    根据table的id属性和table中的某一个元素定位其在table中的位置 table包括表头,位置坐标都是从1开始算 tableId:table的id属性 queryContent:需要确定位置的内容 def get_table_content(tableId,queryContent): ...

    Python终端表格打印库Pylsy.zip

    简单使用方法:首先importfrom pylsy import PylsyTable然后创建一个包含table属性的listattributes=["name","age","sex","id","time"]接着,使用Pylsy创建一个ASCII表table=PylsyTable(attributes)然后,为每一...

Global site tag (gtag.js) - Google Analytics