`
狂奔的包子
  • 浏览: 4580 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Table 的属性

 
阅读更多

table表格的常用属性


1.width              单元格的宽度
2.height             单元格的高度
3.align              水平对齐位置
4.background         背景图片
5.bgcorlor           背景颜色
6.border             边框宽度
7.bordercolor        边框的颜色
8.bordercolorlight   表格边框明亮部分的颜色
9.bordercolordark    表格边框昏暗部分的颜色
10.cellspacing       单元格之间的间距
11.cellpadding       单元格的内容和单元格的边界之间的空白距离的大小

 

frame               表示了边框显示状态

下面就是Frame的属性值

1.box                显示全部表格的边框
2.void               不显示表格的边框
3.hsides             只显示表格的上下边框
4.vsides             只显示表格的左右边框
4.alove              只显示表格的上边框
5.below              只显示表格的下边框
6.lhs                只显示表格的左边框
7.rhs                只显示表格的右边框

 

rules              表示了显示分隔线的状态

下面就是rules的属性值
1.all                显示所有的分隔线
2.groups             只显示组与组的分隔线
3.rows               只显示行与行的分隔线
4.cols               只显示列与列的分隔线
5.none               所有分隔线都不显示

 

通过TABLE属性,对表格有了一个直观的了解,今天我也编写了一段小程序。

 

 

<html>
<table width="100" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
     <th width="10" height="10">&nbsp;&nbsp;</th>
     <th width="10" height="10">&nbsp;&nbsp;</th>
     <th width="10" height="10">&nbsp;&nbsp;</th>
	  <th width="10" height="10">&nbsp;&nbsp;</th>
	  <th width="10" height="10" bgcolor="Black">&nbsp;&nbsp;</th>
	  <th width="10" height="10">&nbsp;&nbsp;</th>
	  <th width="10" height="10">&nbsp;&nbsp;</th>
	  <th width="10" height="10">&nbsp;&nbsp;</th>
	  <th width="10" height="10">&nbsp;&nbsp;</th>
	  <th width="10" height="10">&nbsp;&nbsp;</th>
  </tr>
    <tr>
     <td bgcolor="Black">&nbsp;</td>
     <td bgcolor="Black">&nbsp;</td>
     <td bgcolor="Black">&nbsp;</td>
	  <td bgcolor="Black">&nbsp;</td>
	  <td bgcolor="Black">&nbsp;</td>
	  <td bgcolor="Black">&nbsp;</td>
	  <td bgcolor="Black">&nbsp;</td>
	  <td bgcolor="Black">&nbsp;</td>
	  <td bgcolor="Black">&nbsp;</td>
	  <th>&nbsp;</th>
  </tr>
    <tr>
     <th bgcolor="Black">&nbsp;</td>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th width="10" height="10">&nbsp;</th>
  </tr>
    <tr>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
  </tr>
    <tr>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
  </tr>
    <tr>
     <th>&nbsp;</th>
     <th bgcolor="Black">&nbsp;</th>
     <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
  </tr>
    <tr>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
  </tr>
    <tr>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
  </tr>
    <tr>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th width="10" height="10">&nbsp;</th>
  </tr>
    <tr>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
     <th>&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th bgcolor="Black">&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
	  <th>&nbsp;</th>
  </tr>
  
   
</html>

 

通过今天呢,发现自己还是有问题的,就是对标签不是很熟悉。有一小部分的标签记得不是很清楚,导致编写程序的时候要去看看标签,所以以后还是要经常使用标签,才能让自己更加熟悉。

  • 大小: 5.2 KB
分享到:
评论

相关推荐

    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