css表格的边框线怎么设置

html-css026

css表格的边框线怎么设置,第1张

border-collapse 属性:设置表格的边框是否被合并为一个单一的边框,即:用于设置表格边框是合并显示还是分开显示。

border-collapse 属性设置表格的边框是否被合并为一个单一的边框。它有以下几个值:

-- separate 默认值:边框会被分开,不会忽略 border-spacing 和 empty-cells 属性;

-- collapse:如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性;

-- inherit:规定应该从父元素继承 border-collapse 属性的值。

双线表格边框的实现

html代码:

<table>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

<tr>

<td>内容</td><td>内容</td><td>内容</td><td>内容</td><td>内容</td>

</tr>

</table>

css代码:

table,table td{

text-align: center

border: 1px solid #000

border-collapse:separate;

}

table td{

padding: 10px 30px

}

表格边框的双线样式其实很简单,只要同时设置表格外边框和table里的每个单元格的边框,就可以实现了。

因为separate是默认值,就算是不设置border-collapse:separate;表格也会呈现双线效果。

我们主要是来看看border-collapse属性合并边框,实现单线边框的方法,html代码一样,只需设置css样式:

css代码:

table,table tr td {

border: 1px solid #000

text-align: center

border-collapse: collapse

}table tr td {

padding: 10px 30px

}

单线边框的实现也很简单,它是在双线样式的基础上,设置border-collapse: collapse

把相邻的两个table边框合并成一个,使得相邻的两条线并在一起,边框就以单线的形式显示了。

总结:表格边框的无论是单线边框样式,还是双线边框样式都在前端页面中应用广泛,大家可以根据自己

双实线:. <p style=border-style:double>双线式边框</p>如:.cc {border:4px #39F double}

其它:

<p style=border-style:none>无边框</p>

<p style=border-style:dotted>点线式边框</p>

<p style=border-style:dashed>破折线式边框</p>

<p style=border-style:solid>直线式边框</p>

<p style=border-style:double>双线式边框</p>

<p style=border-style:groove>槽线式边框</p>

<p style=border-style:ridge>脊线式边框</p>

<p style=border-style:inset>内嵌效果的边框</p>

<p style=border-style:outset>突起效果的边框</p>

DIV用CSS定义边框为实线,但为什么预览的时候不显示。 <div>可定义文件中的分割槽或节,可以把文件分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等档案样式的计算机语言。

建议你的你的程式码发一下,如果自己除错的话,可以给些DIV加一个背景,宽高来测试一下:

<style>.test{width:100pxheight:100pxborder:solid 1px #000}</style><div class="test">这里是测试</div>

word底边框列印预览不显示

建议你在你需要开启的档案后,点选列印----点选“印表机属性”-------点开后选择“效果”点开后-----选择“调整尺寸设定”----选择“列印文件于A4” 后确定和储存就好了。

为什么我用IEBOOK做的电子杂志预览的什么时候什么也不显示, 做的时候什么也有就是预览的时候不显示了?

呵呵 你那就不要做了这个问题我问过官方,官方都没给过很好的答案,放弃iebook吧。

很垃圾的软体。你搜索一下自由随风部落格哪里有介绍的

excel表格设定了边框,为什么列印预览了不显示,就显示上面打字的表格有边框,下面不显示。

你是说空白表格不显示边框吗?你在页面设定中把列印网格线选上试下。一般不会出现这种情况的。

为什么我画的虚线不显示为虚线,都显示为实线

所画虚线在萤幕上看起是实线,其原因是当前图形所用虚线的线型比例过大或过小所至,重新进行设定以使显示的线型能反应实际情况。虽然你看起来是实线但它确是虚线。方法:1、线上型管理器中全域性比例框中改变数值,这将影响全部同一种线型的比例;2、选定图形中的线然后在特性管理器中改变线型比例,这个比例只影响当前图形。要注意,如果在莫形中的线型看起来合适,可能在布局中就变了,这主要是图的大小不同造成的,需根据目标来设定。所谓线型比例就是线型中的元素(如虚线中的线段)在单位长度内的重复次数,或理解为元素的长短,比例越小,重复的次数越多或元素越短,反之越长。预设为1

用dreamweaver做网页时插入一个flash为什么预览的时候不显示呢

在工具——inter选项中——高阶——允许活动内容在我的计算机上执行勾上就可以了

Excel 为什么列印预览显示不出边框

如果确信在做表时加了表格线,预览时不能显示。那也没关系,列印时会显示的。下面简单地介绍设定表格边框的方法。1、选中要设定边框的区域。点选格式工具栏“边框”右侧倒三角,弹出“边框型别”,选择“所有框线”。2、选择所有框线的结果如图3、预览如图:4、这里预览显示也没有上边两根横线和左边一条竖线。没关系,放大一下会看到的。

excel 分页预览 为什么不显示虚线

开启Excel文件,点选上面选单中的“检视”->“分页预览”,即可看到效果了。

cad问题 为什么我画的虚线不显示为虚线,都显示为实线,

线形控制是选的虚线吧,如果是的话就是比例问题了,不要选中栅格,然后放大图纸,就应该能显示虚线了。

个人感觉你是线形选的不对,建议先检查此设定,在工具栏上就能直接设定。

excel为什么列印预览显示内边框不全

如果确信在做表时加了表格线,预览时不能显示。那也没关系,列印时会显示的。

下面简单地介绍设定表格边框的方法。

1、选中要设定边框的区域。点选格式工具栏“边框”右侧倒三角,弹出“边框型别”,选择“所有框线”。

2、选择所有框线的结果

4、这里预览显示也没有上边两根横线和左边一条竖线。没关系,放大一下会看到的。