在Dreamweaver中如何加入竖直线

设计师朋友们都知道,常常用一个像素高或宽的细线条做修饰,会使得网站网页布局显得非常清晰,从整体的视觉效果上去看,非常大方美观。本人一惯运用Dreamweaver编辑和制作网页,故而在认真拜读《巧妙地在Frontpage中给网页加入一条竖直线》的一篇文字后,利用文章中所提到的第二个方法,在使用Dreamweaver设计网页时,给网站网页之中加入了一条竖直线。

各位可以依葫芦画瓢,按照《巧妙地在Frontpage中给网页加入一条竖直线》这篇文章所讲述的第二种方法进行工作。我的具体操作是:在Dreamweaver当中插入一个表格,将单元格边距和间距均设置为0,表格宽度设置为1个像素,还要蓝色作为背景颜色。当确认设置无错误之后,按F12按钮进行预览。当这时候,我发现网页没有如我所愿出现竖直的细线条,我明白无误地进行了准确的设置,但是却不能出现想象中的竖直细线条,真的让我非常郁闷!
 
这究竟是何原因呢?我首先打开Dreamweaver源代码的窗口,经过仔细观察和分析,看到了设置为1像素宽的单元格中有个“&nbsp”的标记,这个标记可以判断是HTML之中的转义符,在浏览器输出为一个单位空格。我发现了这个标记才恍然大悟,肯定就是这么一个标记在作祟!我于是将这个标记删除,然后再次打开网站的网页,终于成功地设置了竖直细线条!    应该注意的是,在Dreamweaver之中插入表格,肯定会自动在每一个单元格之中加上“ ”的标记,恰恰就是这个简单的标记,弄得设置为1像素宽的单元格,在浏览器之中显示时多了一个空格,就是它把单元格撑大了。

«1»
最近发表
控制面板
您好,欢迎到访网站!
  [查看权限]
网站分类
搜索
Tags列表
网站收藏
图标汇集
  • 订阅本站的 RSS 2.0 新闻聚合
友情链接

热门搜索: 外链域名 高外链域名 高收录域名

Copyright www.thyst.cn. Some Rights Reserved.