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、这里预览显示也没有上边两根横线和左边一条竖线。没关系,放大一下会看到的。