网页制作时经常用到1个像素高或宽细线条来修饰可以使网页布局更加清晰整体更加美观由于直习惯使用Dreamweaver编辑网页所以在阅读巧妙在Fontpage中给网页加入条竖直线文后笔者利用文中思路方法 2在Dreamweaver中给网页加入条竖直线
依葫芦画瓢按照巧妙文所述思路方法 2笔者在Dreamweaver中插入表格设置单元格边距和间距均为0表格宽度为1个像素并设置背景色为蓝色确认设置无误后按F12预览可是网页上并没有如愿出现竖直细线条(如图1)明明进行了正确设置却不能实现竖直细线条真是郁闷!
这是什么原因呢?于是笔者打开Dreamweaver源代码窗口经过仔细观察发现设置为1像素宽单元格中有个“ ”标记(如图2)这个标记是HTML中转义符在浏览器输出为个空格发现这个标记笔者终于恍然大悟原来就是这个标记在作祟!于是删除这个标记后再次打开网页竖直细线条终于成功设置了!
在Dreamweaver中插入表格都会自动在每个单元格中加上“ ”标记正是这个标记使得设置为1像素宽单元格在浏览器中显示时多了个空格把单元格撑大
另外巧妙文思路方法使用<hr>语句来插入竖直线笔者觉得有不妥的处<hr>语句插入竖直线上下都会留有空白并不能在任何时候都满足自己需要所以笔者建议尽量使用插入表格思路方法来实现
最新评论