相关文章
9月后百度收录新站潜规则及对应方法
北京网站设计3.1-新闻自动套用栏目设定模板的修改方法
北京网站设计用CSS来控制网页背景
网站设计Dreamweaver构建Blog(7):用户登录的实现
北京网站设计CSS中的滑动门技术
企通互联Dreamweaver如何制作浮动广告
网页设计线框文字的制作
网站设计给FLASH初学者的10点制作经验
网站建设FLASH MX 2004视频教程:机器猫动画片头制作(一)
网站制作网页制作另类特殊技巧三则
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网页设计网站设计Dreamweaver中加入竖直线的办法
北京网页设计网站设计Dreamweaver中加入竖直线的办法
作者: 北京网站建设 日期:2008-03-27 06:03:35 来源: http://www.qitongnet.com
网站设计资深北京网站建设公司企通互联 网站建设,专业致力于北京网站建设 网站制作,北京网站制作,北京网站设计 www.qitongnet.com,北京网页设计领域,千余网站建设案例,公司拥有国内一流的网站建设、网站制作、网页设计团队,如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址:http://www.qitongnet.com
=======================================================================================
网页制作时经常用到1个像素高或宽的细线条来修饰,可以使网页的布局更加清晰,整体更加美观。由于一直习惯使用Dreamweaver编辑网页,所以在阅读《巧妙的在 企通互联Fontpage中给网页加入一条竖直线》一文后,笔者利用文中的方法二,在 北京网站设计Dreamweaver中给网页加入一条竖直线。 北京网站建设 网站建设
北京网站设计
依葫芦画瓢,按照《巧妙》一文的所述的方法二,笔者在Dreamweaver中插入表格,设置单元格边距和间距均为0,表格的宽度为1个像素,并设置背景色为蓝色。确认设置无误后,按F12预览,可是网页上并没有如愿出现竖直细线条(如图1)。明明进行了正确的设置却不能实现竖直细线条,真是郁闷! 北京网站设计
www.qitongnet.com

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

企通互联
网站设计
在Dreamweaver中插入表格都会自动在每个单元格中加上“ ”的标记,正是因为这个标记,使得设置为1像素宽的单元格在浏览器中显示时多了个空格,把单元格撑大。 北京网站制作
北京网站制作
另外,《巧妙》一文的方法一使用<hr>语句来插入竖直线,笔者觉得有不妥之处,因为<hr>语句插入的竖直线上下都会留有空白,并不能在任何时候都满足自己的需要,所以笔者建议尽量使用插入表格的方法来实现。
北京网站设计
![]() |
北京网站设计
依葫芦画瓢,按照《巧妙》一文的所述的方法二,笔者在Dreamweaver中插入表格,设置单元格边距和间距均为0,表格的宽度为1个像素,并设置背景色为蓝色。确认设置无误后,按F12预览,可是网页上并没有如愿出现竖直细线条(如图1)。明明进行了正确的设置却不能实现竖直细线条,真是郁闷! 北京网站设计
www.qitongnet.com

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

网站设计
在Dreamweaver中插入表格都会自动在每个单元格中加上“ ”的标记,正是因为这个标记,使得设置为1像素宽的单元格在浏览器中显示时多了个空格,把单元格撑大。 北京网站制作
北京网站制作
另外,《巧妙》一文的方法一使用<hr>语句来插入竖直线,笔者觉得有不妥之处,因为<hr>语句插入的竖直线上下都会留有空白,并不能在任何时候都满足自己的需要,所以笔者建议尽量使用插入表格的方法来实现。
北京网站设计