`

给HTML中的table边框设置细边框样式

    博客分类:
  • HTML
 
阅读更多

 给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"

 

分享到:
评论

相关推荐

    html设置虚线边框的方法

    border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线) border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。 4、实例描述 我们对以上几个标签设置...

    用CSS样式描述表格Table边框

    HTML Table&lt;/title&gt;&lt;/head&gt; &lt;style type=”text/css”&gt; TABLE { background: blue; border-collapse: separate; border-spacing: 10pt; border-top: 15px solid red; border-left: 15px solid red...

    CSS控制Table内外边框、颜色、大小示例

    在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框、颜色、大小的样式,想学习的朋友可以参考下

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

    /*设置table的边框*/ } td,th{ border:1px solid #F00; } /*为单元格单独设置边框*/ CSS控制表格样式 学习CSS控制表格边框时需要注意以下几点: border-collapse属性的属性值除了collapse(合并)之外,还可以为...

    零基础学HTML CSS源代码

    文本设置手把手—给段落设置缩进.html 演示文本设置手把手—给段落设置缩进。 第18章(源代码\第18章) 示例描述:本章演示背景属性用法。 背景的基本语法.html 属性背景的基本语法。 设置背景图像....

    CSS实现表格细边框的两种方法

    在网页制作中,细边框这个制作方法是必不可少的。这里介绍2种常见的表格细边框制作方法,均通过XHTML验证。 复制代码代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    JavaScript Table行定位效果

    table的border属性用来指定边框宽度,table特有的frame属性是用来设置或获取表格周围的边框显示的方式。 w3c的tabel的frame部分说明frame可以是以下值: void: No sides. This is the default value. above: The ...

    CSS样式简单实现Table没有外边框只有内边框

    效果图: 实现方法: ... 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控制单元格边距课件.pptx

    使用HTML开发商业网站 CSS控制单元格边距 CSS控制表格样式 除了表格标签自带的属性...外边距属性margin对单元格无效,要想设置相邻单元格边框之间的距离,只能对&lt;table&gt;标签应用HTML标签属性cellspacing。 A B 谢谢大家

    HTML表格标记教程(12):边框样式属性FRAME

    使用FRAME属性可以控制表格边框的样式类型。 基本语法 &lt;TABLE Frame=value&gt; ...表格的边框样式 属 性 值 描述 Above 显示上边框 Below 显示下边框 Border 显示上下左右边框 Box 显示上下左右边框 Hsides

    css 细线表格 css制作table细线表格常用属性

    Css制作table细线表格 1、介绍了一个不常用属性:border-collapse:collapse; 2、使用了一个属性缩写技巧:border:style color;border-width:上 右 下 左; &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 ...

    表格边框以虚线显示的css样式

    .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;} &lt;/...

    HTML5基础知识-HTML5表格与列表.pptx

    行 列 1 &lt;table border=”1”&gt; &lt;/table&gt; 表格 数据行 张三 ...表格边框 ...请使用样式代替。...规定表格边框的宽度。...该属性可以用在&lt;table&gt;、 、 、元素中 ...background:设置背景图片...如果在&lt;table&gt;中和中同时设置了背景色,

    从入门到精通HTML5——PDF——网盘链接

     7.3 设置表格的边框 127  7.3.1 表格边框的宽度——border 127  7.3.2 表格边框的颜色——bordercolor 128  7.3.3 表格内框的宽度——cellspacing 130  7.3.4 表格内文字与边框的间距  ——cellpadding ...

    HTML开发王

    9.2.2 设置表格边框线条宽度(border属性) 9.2.3 设置表格宽度(width属性) 9.2.4 表格在页面中的对齐(align属性) 9.2.5 表格的描述(summary属性) 9.2.6 表格的背景色(bgcolor属性) 9.2.7 表格中单元格的间距和衬距...

    JS固定表头和左边列(最新源码)1.9

    1.8 修正表格含有thead时的样式丢失问题,以及行数设置问题,修正thead/tbody行归属问题 1.9 移除tbTopLeft的边框线 修正表格cellpadding/cellspacing的设置问题 修复Firefox下的padding导致的错位问题 ...

Global site tag (gtag.js) - Google Analytics