如何在网页中制作虚线表格

简介: 在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题。 方法一:作一个1X2的图。 半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。 方法二:在css里面设定。

在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题。

方法一:作一个1X2的图。

半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。

方法二:在css里面设定。

如果你用DreamWeaver话,只要在css面板里new一个style,选择“redefine HTML Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。

方法三:直接在html里设置(如果你只想让某一个表格边框是虚线的话)。

在表格的html里加上这个:

style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

颜色是十六位代码,你可以自己设。

注:方法二、三,只能在IE5.5里用,到了NETSCAPE里一点用处都没有,除非你用做好的底图填充。

目录
相关文章
|
11天前
【最简洁】一句CSS3代码实现不规则自定义背景图拼接样式,多用于异形弹窗背景图
【最简洁】一句CSS3代码实现不规则自定义背景图拼接样式,多用于异形弹窗背景图
|
5月前
|
前端开发 容器
如何利用CSS实现三角形、扇形、聊天气泡框
如何利用CSS实现三角形、扇形、聊天气泡框
93 0
|
3月前
|
前端开发
蓝色时间轴个人博客网页模板代码
这是一个有关看雪时间轴的css3+html5 网站静态的个人博客网页模板
22 0
表格制作
3.6表格制作 3.6.1创建表格 1)使用虚拟表格: 最大可以插入0列,8行 2)使用“插入表格”对话框: 最大可以插入,63列,32767行 3)手动绘制表格:横线,竖线,斜线 4)调用Excel电子表格 5)使用“快速表格”功能创建表格:样式和内容预设 6)文字可以转换成表格,表格也可以转换为文字 3.6.2 编辑表格 1、选择操作区域 1选择单个单元格 2选择连续的单元格(Shirt) 3选择分散的单元格(Ctrl) 4选择一行 5选择一列 6选择整个表格 2、调整行高与列宽 1将光标插入点定位到某个单元格内,切换到“表格工具/布局”选项卡,在“单元格大小”组
|
8月前
|
移动开发 前端开发 HTML5
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
178 0
|
9月前
|
前端开发 数据可视化
漏刻有时数据大屏CSS样式表成长教程(3):使用样式表做圆环指示图标
漏刻有时数据大屏CSS样式表成长教程(3):使用样式表做圆环指示图标
193 2
|
数据可视化
【Axure教程】自动轮播的中继器表格
【Axure教程】自动轮播的中继器表格
【Axure教程】自动轮播的中继器表格
|
前端开发
Dreamweaver软件怎么设置蓝色滚动字体
DW软件怎么设置蓝色滚动字体
131 0
【Axure教程】用气泡元件显示中继器表格里的省略文字
【Axure教程】用气泡元件显示中继器表格里的省略文字
【Axure教程】用气泡元件显示中继器表格里的省略文字
【Axure教程】用中继器制作能合并单元格的表格
【Axure教程】用中继器制作能合并单元格的表格
【Axure教程】用中继器制作能合并单元格的表格