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

css 控制表格属性

    博客分类:
  • jsp
阅读更多

cellpadding 可換成 CSS 設定 td 標籤的 padding

cellspacing 則可換成 CSS 設定 table 邊簽的 border-spacing

align=center换成 text-align:center

 

我们做WEB程序开发过程中,经常会为了Table中的cellSpacing,cellpadding等样式的设置发愁,经常没有办法可想了,就会直接在Table中设置cellSpacing,cellpadding了,这样以后要改页面风格时,或做多主题风格时,就会发现改起来是多么的痛苦了.奔着这个目标,经过不断的Google,终于把这个问题解决了,感谢Google,感谢热心的上传者,呵呵!现在把解决方法也写下来.

   其实实现方式很简单,在css中加上Table{ jerry:expression(cellSpacing="1");},其它类似,这样就把问题解决了,我们的页面代码也清晰不少了.

 

 

在table 中控制单元格之间的间距要用到cellspacing、cellpadding,默认情况cellspacing、cellpadding均不为0,但经常的状况为了不让table单元格之间的间距影响到美观,我们经常会把cellspacing、cellpadding设置为0,因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了代码的体积,而且也极其不符合样式与内容分离的web标准,对于我本人来说也是极其厌恶这样的形式的,因此使用css控制cellspacing/cellpadding显的意义重大了!以下是控制方法:

table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}

第一行控制cellspacing,关键是“border-collapse:collapse;”这一句;第二行控制cellpadding,很少人知道控制td吧?:)

0
0
分享到:
评论

相关推荐

    使用HTML开发商业网站-CSS控制表格边框课件.pptx

    CSS控制表格边框 CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解CSS...

    使用HTML开发商业网站-CSS控制单元格边距课件.pptx

    CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解CSS控制表格样式的...

    使用HTML开发商业网站-CSS控制单元格宽和高课件.pptx

    CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解CSS控制表格样式的...

    Web前端开发基础:CSS控制表单.ppt

    --*-- 1 单元目标 2 教学内容 3 动手实践 4 课堂小结 单元目标 使用CSS控制页面背景、表格、表单 能力目标 学会使用CSS控制表单 知识目标 《CSS网页样式设计与制作》 参考资料 2 教学内容 1 单元目标 3 动手实践 4 ...

    CSS display属性的table表格布局

    网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的display:table的DIV,然后在嵌套的表格DIV内部通过控制行列数和行列的...

    table中的border-collapse属性

    border属性 border-collapse属性

    CSS对表格单元格强制换行和不换行

    CSS控制Table单元格强制换行与强制不换行  我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。  近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个...

    零基础学HTML CSS源代码

    CSS控制DIV.html CSS控制DIV.html DIV+CSS布局.html DIV+CSS布局.html div.css 名为div的样式文件。 style.css 名为style的样式文件。 第15章(源代码\第15章) 示例描述:本章演示...

    《CSS全程指南》随书光盘

    6.2 CSS控制表格的颜色交替 155 6.3 CSS控制表格边框 156 6.4 制作圆角框 157 6.5 小结 159 第7章 表单样式设计 160 7.1 表单样式设计 161 7.1.1 表单透明化 161 7.1.2 增加表单中的空隙 162 7.2 表单元素样式设计 ...

    详解CSS3的opacity属性设置透明效果的用法

    CSS3 opacity 属性的功能是用来控制网页元素的透明效果(调整不透明度),早期网页设计常常会用到许多的透明效果,通常都是透过 png 图层来制作透明的感觉,现在网页设计师可以使用 CSS3 opacity 属性来轻松的达到...

    div+css有实例,易学易懂

    7.3.6 一个有用的表格边框属性 7.3.7 应用边框属性的实例 7.4 边界属性 7.4.1 边界属性 7.4.2 单侧的边界和简写 7.4.3 垂直方向的边界重叠 7.4.4 水平方向的边界 7.4.5 负的边界值 7.4.6 在内联元素中使用边界属性 ...

    一个属性border-collapse解决Table的边框问题

    border-collapse属性 很好的解决了纠结了很久的问题 CSS 复制代码代码如下:.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;} ...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    第11章 表格、列表相关属性及media query 307 11.1 表格相关属性 308 11.2 列表相关属性 313 11.3 控制光标的属性 316 11.4 media query和响应式布局 317 11.5 本章小结 323 第12章 变形与动画相关属性 324 ...

    css border属性的使用方法和技巧

    CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。同时大家可以进入码农教程提供CSS手册查看border。 二、Html原始边框与CSS边框对照 Html表格控制边框: CSS Code复制内容到剪贴板 ...

    精彩绝伦CSS2

    我们知道在CSS中边框的使用是非常重要的,我们这里就介绍一下CSS的边框属性( border)如何使用。边框是围绕在内容和内边距之间的一条或多条线。内容的内边距和外间距之间的间隙是留给边框的,CSS可以用边框属性来定义...

    CSS网站布局实录 (第二版)PDF版

    文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准...

    《脑动力 html+css标签速查效率手册》.(刘丽霞)

     《脑动力:HTMLCSS标签速查效率手册》共分18章,前10章主要介绍了HTML标签和相关属性,包括文字、排版、列表、超链接、多媒体、表格、表单、框架等知识点。后8章介绍了CSS属性的详细用法和示例代码,包括文本显示...

Global site tag (gtag.js) - Google Analytics