网页中的虚线怎么做？

A：做一个2*1的图片，一半有色彩，一半透明，存成透明GIF，然后把它设置成单元格背景图，把单元格设置为高度为1，删除其中的 代码即可实现横虚线效果。竖虚线依此类推。

用CSS也可以办到，把border的属性设置为dotted。

方法一：用CSS直接定义。
代码如下：

然而用CSS定义的虚线表格有很多弊端：需要IE5.5+支持，虚线的疏密程序不可变等。所以就有第二种方法。
提示：这种做法跟细线表格的第三种方法相似。
方法二：用背景图片实现的虚线表格。
1.在图象处理软件(Firework或者Photoshop)中做一个3X3的图片，中间是1X1大小的色块，色块的颜色就是虚线表格的虚线颜色，图1.2.11是把背景图片放大1600倍后的效果。

图1.2.11　放大到1600倍后的图片

2.在Dreamweaver中按Ctrl+Alt+T插入一个三行三列的表格，选中表格后在属性面板中作如图1.2.12所示的设置。

图1.2.12在属性面板中设置表格的背景图片

3.全选单元格（光标定位到第一个单元格，按住Shift键单击最后一个单元格），然后在属性面板中设置所有单元格的背景颜色，如图1.2.13所示。

图1.2.13　在属性面板中设置单元格的背景颜色

4.保存，预览。效果如图1.2.14所示。

图1.2.14　虚线表格效果预览
注意：背景图片边长大小必须跟表格的 CellSpacing 属性值一致。
提示：这种做法跟细线表格的第一种方法相似。
特别提示
第一种方法做的虚线表格在IE5.0上显示的是实线，效果跟细线表格一样，只有在IE5.5以上的浏览中看到的才是虚线。效果分别如图 1.2.15、图1.2.16所示。

图1.2.15 CSS实现的虚线表格效果(IE5)

图 1.2.16 CSS实现的虚线表格效果(IE6)

特别说明

虚线表格可以说是细线表格的变种，仔细看看，你会发现，主要方法还是跟做细线表格的一样

网页中的虚线怎么做？相关推荐

html网页虚线怎么做,如何在网页中制作虚线表格-网页设计,HTML/CSS
icech: 在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题. 方法一:作一个1×2的图. 半黑半白,再利用表格作成线.这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最 ...
利用jsoup 如何从网页中下载图片
来自:http://www.open-open.com/bbs/view/1320576549952 如何从网页中下载图片如果做为爬虫很有必要从网页中下载图片到本地,那么我们利用jsoup来进行该操 ...
html 一行显示边框线,HTML 网页中要显示出来一个虚线的边框就是一行字在边框里面，那个边框是显示出来的，程式码应该怎么写？...
HTML 网页中要显示出来一个虚线的边框就是一行字在边框里面,那个边框是显示出来的,程式码应该怎么写?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内 ...
r导出html怎么保存,做植物谱系图，用Phylomatic软件将网页中的输出结果拷贝到文本文件中, 并另存为phylo...
我是一个本科生,大四做毕设,要用到Phylomatic在线软件,我对计算机不是很熟,我的专业也只是环境科学,跟植物无关,所以对此非常不熟悉,用R做完plantlist后,再用Phylomatic在线软 ...
在html表格中怎么创建下拉列表,在html网页中如何做个下拉列表？下拉列表的方法有哪几种？...
在我们是html学习中,我们会遇到各种不同的标签,那么今天我们就来说说"在html网页中如何做个下拉列表"吧!以下是小编整理的一个方法. 1.首先我们在开发工具中新建一个新的文件, ...
html锚点链接dw怎么做,Dreamweaver网页中如何制作锚点链接
Dreamweaver网页中如何制作锚点链接锚点链接对站点SEO非常重要,当页面内容过多的时候,我们就会用到锚点链接,庞大繁琐的网页,通过点击命名锚点,可以为访问者提供很大的便利去浏览网页内容,更精 ...
html锚点链接dw怎么做,Dreamweaver网页中怎样制作锚点链接
Dreamweaver网页中怎样制作锚点链接锚点链接对站点SEO非常重要,当页面内容过多的时候,我们就会用到锚点链接,庞大繁琐的网页,通过点击命名锚点,可以为访问者提供很大的便利去浏览网页内容,更精 ...
如何在html中做一个表格模板,【网页中表格教案】教案表格模板
第三课在网页中插入表格一.教材分析网页制作中用表格来规划整个网页的布局,是我们设计制作网页常用的手法.所以学会在网页中插入表格是网页制作中的一个重要的部分.本课的主要内容包括在网页中插入表格,表 ...
js手机键盘遮挡_完美解决手机网页中输入框被输入法遮挡的问题
之前要做一个弹出对话框,填写信息,发现在手机上看的时候,较后的输入框在填写信息时,输入框被输入法遮挡,只能盲填. 前提 1.弹出的对话框用display:fixed定位的 2.对话框大小固定解决办法 ...

网页中的虚线怎么做？

特别说明

网页中的虚线怎么做？相关推荐

最新文章

热门文章