![]() |
当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文 |
|
|||
用CSS样式来处理表格边框的实例 | |||
2010-1-15 9:10:19 文/网络收集 出处:电脑软硬件应用网 | |||
表格边框的处理是CSS网页布局中经常会遇到的内容,在52css.com中也有过相关的介绍,除了将表格作为一个整体进行定义,您也可以将表格边框的四个部分分别进行定义,包括顶部、底部、左边和右边。列表B中的代码将刚才的例子中的表格分成四个部分单独定义。 <html><head><title>HTML Table</title></head> <table summary="52css.com - Tables and CSS"> 列表B 您可能注意到了整个CAPTION元素的边框定义为蓝色5磅的脊线效果,而CAPTION边框的顶部设定为10磅。如果单独的边框设定(左边、右边、顶部、底部)出现在后面将覆盖原有的整体边框设定。 边框间距 您可以通过边框间距属性来指定相邻的单元格之间的距离,您可以指定一个或两个值,如果指定了一个值,那么水平和垂直间距都将使用这一个值;如果指定了两个值,那么第一个值规定了水平间距而第二个值指定了垂直间距。这些值不能是负值,我在这个例子中使用了10磅的间距值。 表格行为 边框的collapse属性设定了表格的边框模型,该属性的默认值是独立的边框模型,单独的边框模型使用border-spacing属性作为不同边框之间的间距,该间距使用表格元素作为填充背景。 边框 表格和其他的HTML元素一样,拥有很多CSS样式选项。表格和单元格的边框是一个很好的例子,CSS应当可以满足您对表格样式的需要。但是使用CSS格式化的表格在不同的浏览器中会显示出不同的效果,因此需要进行广泛的测试。 |
|||
最新热点 | 最新推荐 | 相关文章 | ||
CSS伪类选择器nth-child() css3教程:background属性调整增强 css教程:CSS3 Media Queries 详解 CSS 类名的长命名和短命名 CSS实例教程:非浮动区域设置宽度 如何使用css约束一个层不可见? CSS的list-style解释 小议使用“完整”的CSS的缺点 CSS中的相对定位与绝对定位详解 实例使用DIV+CSS制作圆角边框加阴影… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |