`
anly
  • 浏览: 202340 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

table属性

    博客分类:
  • html
 
阅读更多
        ■ 表格属性

    <table>标签里需要设置的属性    



border:表格的边框。比如,border=1,表示表格边框的粗细为1个像素,

为0表示没有边框。



cellspacing:单元格间距。当一个表格有多个单元格时,各单元格的距离就是cellspacing,

表格只有一个单元格,这个单元格与表格上、下、左、右边边框的距离也是cellspacing。



cellpadding:单元格衬距。指该单元格里的内容与cellspacing区域的距离,

cellspacing为0,表示单元格里的内容与表格周边边框的距离。



width:表格的宽度。width的取值还可以使用百分比,如widht="100%"。



height:表格的高度,取值方法同width。



bgcolor:表格的背景色。bgcolor=#ff0000或bgcolor=red。

<td>单元格也可有此属性。



background:表格的背景图。<td>也有此属性。



bordercolor:表格的边框颜色,当border值不为0时此值有效。取值同bgcolor。



bordercolorlight:亮边框颜色,当border值不为0时设置此值有效。

亮边框指表格的左边和上边的边框。



bordercolordark:暗边框颜色,当border值不为0时设置有效。

暗边框指表格的右边和下边的边框。



align:表格的对齐方式,值有left(左对齐)、center(居中)以及right(右对齐)。



      列1 表格式样和代码     



本表格的属性设置:

边框大小:border=1

边框颜色:bordercolor=#808000

背景色:bgcolor=#cc9968

表格宽度:width=300

单元格间距:cellspcing=8

单元格衬距:cellpadding=4

表格的对齐方式(居中):align=center

注:其他属性未设置。


            代码            

<TABLE borderColor=#808000 cellSpacing=8 cellPadding=4 width=300 align=center bgColor=#cc9968 border=1>
<TBODY>
<TR>
<TD>
<P>本表格的属性设置:</P>
<P>边框大小:border=1 </P>
<P>边框颜色:bordercolor=#808000 </P>
<P>背景色:bgcolor=#cc9968 </P>
<P>表格宽度:width=300 </P>
<P>单元格间距:cellspcing=8 </P>
<P>单元格衬距:cellpadding=4 </P>
<P>表格的对齐方式(居中):align=center </P>
<P>注:其他属性未设置。 </P></TD></TR></TBODY></TABLE>




分享到:
评论
2 楼 gray 2010-05-27  
<table cellspacing="0" border='1' bordercolor=#808000  >
<tr><td>请问恶</td><td>csasd</td><td>asd</td></tr>
<tr><td>cds</td><td>ds</td><td>dsad</td></tr>
<tr><td>asd</td><td>dsad</td>fds<td>sfsdf</td></tr>
</table>
1 楼 wm920 2008-11-06  

相关推荐

    网页制作之table属性总结

    table标签在网页制作中经常用到,所以掌握table的属性十分重要,在网页上制作中经常要使表格显示一定的效果,而这些效果的实现就需要通过css样式来控制表格属性!

    Bootstrap Table中文文档

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

    ec属性 ec:table ec:column

    ec属性 ec:table ec:column

    CSS display属性的table表格布局

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

    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的 ...

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

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

    中级SWING-JTable属性

    中级SWING-J中级中级SWING-JTable属性SWING-JTable属性Table属性

    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 ...

    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)然后,为每一...

    HTML-DOM对象

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

    pro-table:Ant像Pro一样使用Ant Design Table!

    此仓库已废弃重要: 此仓库后续不再维护,也不再接受更多的特性更新。ant-design/pro-table 将会...Table属性描述类型默认值request一个获得 dataSource 的方法(params?: {pageSize: number;current: number;[key: s

    table边框线属性

    表格内外边框线的属性 特备针对表格嵌套表格的时候修改样式比较有用

    任意类型数据库提取数据转XML文件

    ELEMENT元素用户设置关系型数据库的表名称(TABLE属性)、外键名称(FOREIGNKEY)、父元素名称(PARENT)、外键类型(FKTYPE,缺省为数字型)。ATTRIBUTE元素设置需要提取的属性,NAME为属性名称,FIELD为字段名称(如果和Name...

    使用HTML开发商业网站-table标签属性课件.pptx

    &lt;table&gt;标签属性 表格 属性 描述 常用属性值 border 设置表格的边框(默认border="0"为无边框) 像素值 cellspacing 设置单元格与单元格边框之间的空白间距 像素值(默认为2像素) cellpadding 设置单元格内容与...

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

    页面布局实例 博文链接:https://hegz.iteye.com/blog/809571

    xpTable,c# xptable NET中最强,最全功能的表格控件 ,可以定制一个ListView,能够在列中插入图像、下拉框、可上下调整的数字、进度条

    c# xptable NET中最强,最全功能的表格控件 ...然后,拖动Table, ColumnModel 和 TableModel到Form上,设置Table的ColumnModel 和 TableModel属性,添加Column到ColumnModel,添加Row 和 Cell到TableModel.

    PowerDesigner 12生成 PB 中table的扩展属性

    PD12.5数据建模工具 生成 PB 中table的扩展属性,详细步骤,初学PowerDesigner 12相当有用!

    jpivot学习总结.doc

    primaryKeyTable 如果成员表不只一个,而是多个表通过 join 关系形成的,那么就要通过这个属性来指明 join 的这些表中,哪一个与 Dimension 里设置的 foreignKey 属性形成外键关系。通过该属性来指明主表 caption ...

Global site tag (gtag.js) - Google Analytics