Dreamweaver中加入竖直线的问题

2016-02-19 21:27 16 1 收藏

图老师小编精心整理的Dreamweaver中加入竖直线的问题希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

  网页制作时经常用到1个像素高或宽的细线条来修饰,可以使网页的布局更加清晰,整体更加美观。由于一直习惯使用Dreamweaver编辑网页,所以在阅读《巧妙地在Frontpage中给网页加入一条竖直线》一文后,笔者利用文中的方法二,在Dreamweaver中给网页加入一条竖直线。

  依葫芦画瓢,按照《巧妙》一文的所述的方法二,笔者在Dreamweaver中插入表格,设置单元格边距和间距均为0,表格的宽度为1个像素,并设置背景色为蓝色。确认设置无误后,按F12预览,可是网页上并没有如愿出现竖直细线条(如图1)。明明进行了正确的设置却不能实现竖直细线条,真是郁闷!


图1

  这是什么原因呢?于是笔者打开Dreamweaver的源代码窗口,经过仔细观察,发现设置为1像素宽的单元格中有个“ ”的标记(如图2),这个标记是HTML中的转义符,在浏览器输出为一个空格。发现这个标记,笔者终于恍然大悟,原来就是这个标记在作祟!于是删除这个标记后,再次打开网页,竖直细线条终于成功的设置了!

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)


图2

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  在Dreamweaver中插入表格都会自动在每个单元格中加上“ ”的标记,正是因为这个标记,使得设置为1像素宽的单元格在浏览器中显示时多了个空格,把单元格撑大。

  另外,《巧妙》一文的方法一使用<hr>语句来插入竖直线,笔者觉得有不妥之处,因为<hr>语句插入的竖直线上下都会留有空白,并不能在任何时候都满足自己的需要,所以笔者建议尽量使用插入表格的方法来实现。

来源:http://www.tulaoshi.com/n/20160219/1626217.html

延伸阅读
标签: 生活常识
如何在ios系统中加入QQ邮箱   如何在ios系统中加入QQ邮箱 苹果的设备上都内置了邮件程序,而且也内置了诸多邮件提供商的默认设置, 像Gmail、Yahoo邮箱等, 但是要在苹果设备上使用国内邮件提供商(如QQ、sina、163等)提供的服务就要靠自己动手设置了。 图老师阅读配图 1.首先要用浏览器登陆QQ邮箱,在QQ邮...
如何在PowerPoint中加入超链接   1、单击插入选项卡的文本框按钮,在弹出的下拉列表中单击横排文本框选项。 2、 在幻灯片的空白处拖拽出一个横排文本框,在文本框中输入点击查看四个字。 3、单击插入选项卡下的超链接按钮,弹出超链接对话框。 4、 选择超链接的文件,或直接输入链接地址,再单击确定按钮。 pow...
在类VC的界面实现中加入目录树 作者:西京大学●职业学院 井中月_VC 下载源代码 前言 本文是在《轻松类VC界面》的基础上写的,初次写文章,表义不清之处,请谅解!如果书归正传,开始……。 程序运行结果如下图:左边、底下有两个可浮动、可变大小的控制窗口 ,在左边一个Tab...
标签: 电脑入门
核心提示: 2003版 点击菜单栏的格式背景水印,弹出水印设置窗口,先选择水印类型:图片水印或文字水印。 2007版 点击菜单栏的页面布局水印,弹出水印设置窗口,可以选择默认模版,也可以选择自定义图片水印或文字水印。 本文已2007 为例 点击菜单栏的页面布局水印,弹出水印设置窗口,先选择水印类型:图片水印或文字水印。如果选择图片水...
在窗体中加入3D Bar 作者 yxbscsc 下载源代码     经常在VCKBASE上面看到很多别人写的文章,想着自己哪天也在上面写点文章呢!正好前几天由于编程的需要。要做一个有3D边框的static控件,于是在查考别人做的3DBar的基础上,自己做了一个C3DBar类,现在把它奉献给...

经验教程

354

收藏

77
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部