给table设置细边框:
.table_border{
border: solid 1px #B4B4B4;
border-collapse: collapse; --折叠样式.
}
.table_border tr th{
background:url("../../images/gray/bg_table_th.gif") repeat;
padding-left:4px;
height:27px;
border: solid 1px #B4B4B4;
}
.table_border tr td{
height:25px;
padding:4px;
border: solid 1px #B4B4B4;
}
HTML:
<table class="table_border" width="100%" border="0" id="high_light" lang="tabRowData"
cellpadding="0" cellspacing="0">
<tr>
<td><td>
</tr>
</tabl>
还可以使用行内样式,使表格边框变细;
style="width: 100%; border-collapse: collapse;" cellspacing="0"
分享到:
相关推荐
border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线) border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。 4、实例描述 我们对以上几个标签设置...
HTML Table</title></head> <style type=”text/css”> TABLE { background: blue; border-collapse: separate; border-spacing: 10pt; border-top: 15px solid red; border-left: 15px solid red...
在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框、颜色、大小的样式,想学习的朋友可以参考下
/*设置table的边框*/ } td,th{ border:1px solid #F00; } /*为单元格单独设置边框*/ CSS控制表格样式 学习CSS控制表格边框时需要注意以下几点: border-collapse属性的属性值除了collapse(合并)之外,还可以为...
文本设置手把手—给段落设置缩进.html 演示文本设置手把手—给段落设置缩进。 第18章(源代码\第18章) 示例描述:本章演示背景属性用法。 背景的基本语法.html 属性背景的基本语法。 设置背景图像....
在网页制作中,细边框这个制作方法是必不可少的。这里介绍2种常见的表格细边框制作方法,均通过XHTML验证。 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
table的border属性用来指定边框宽度,table特有的frame属性是用来设置或获取表格周围的边框显示的方式。 w3c的tabel的frame部分说明frame可以是以下值: void: No sides. This is the default value. above: The ...
效果图: 实现方法: ... table{ border-collapse: collapse; border: 0px solid #999; } table td { border-top: 0; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 0; } ta
使用HTML开发商业网站 CSS控制单元格边距 CSS控制表格样式 除了表格标签自带的属性...外边距属性margin对单元格无效,要想设置相邻单元格边框之间的距离,只能对<table>标签应用HTML标签属性cellspacing。 A B 谢谢大家
使用FRAME属性可以控制表格边框的样式类型。 基本语法 <TABLE Frame=value> ...表格的边框样式 属 性 值 描述 Above 显示上边框 Below 显示下边框 Border 显示上下左右边框 Box 显示上下左右边框 Hsides
Css制作table细线表格 1、介绍了一个不常用属性:border-collapse:collapse; 2、使用了一个属性缩写技巧:border:style color;border-width:上 右 下 左; <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...
.table5{text-align:center; border:1px solid #cccccc; border-radius :3px; background-color:#FFFFFF; width:650px;} .table5 td{border-bottom:1px dashed #cccccc;} .table5 .last td{border-bottom:0;} </...
行 列 1 <table border=”1”> </table> 表格 数据行 张三 ...表格边框 ...请使用样式代替。...规定表格边框的宽度。...该属性可以用在<table>、 、 、元素中 ...background:设置背景图片...如果在<table>中和中同时设置了背景色,
7.3 设置表格的边框 127 7.3.1 表格边框的宽度——border 127 7.3.2 表格边框的颜色——bordercolor 128 7.3.3 表格内框的宽度——cellspacing 130 7.3.4 表格内文字与边框的间距 ——cellpadding ...
9.2.2 设置表格边框线条宽度(border属性) 9.2.3 设置表格宽度(width属性) 9.2.4 表格在页面中的对齐(align属性) 9.2.5 表格的描述(summary属性) 9.2.6 表格的背景色(bgcolor属性) 9.2.7 表格中单元格的间距和衬距...
1.8 修正表格含有thead时的样式丢失问题,以及行数设置问题,修正thead/tbody行归属问题 1.9 移除tbTopLeft的边框线 修正表格cellpadding/cellspacing的设置问题 修复Firefox下的padding导致的错位问题 ...