在Dreamweaver 4 中垂直插入有颜色的直线

　　在网页设计中常常需要插入垂直直线作为分割线条或美化版面，但是在dreameaver4 的Object窗口中是没有直接加入垂直直线项的。会很难吗？一定要用框架来设置吗？其实你只要明白跨栏的水平直线是怎样设置的，那么要作一条垂直直线出来一点也不难，长度多少、粗细程度以及颜色都能随意把握。

　　Step 1　在需要编辑垂直直线的地方插入一个一行一列的表格，将表格的“cellpad”、“cellspace”以及“Border”同时设置为“0”，不用说也是0了。

　　Step ２　为了方便你的编辑，先不用急把框架的宽度设置得太小，否则不好选取。选上框架，将“Bg”设置为你需要的线条颜色，表格的高度“H”设置为你需要的高度，要想延伸好一点，可以设置为100%，直线会随你输入内容的多少变化。搞好以上工作再将框架宽度设置为“1”。

　　Step ３　准备工作完成了，剩下最重要的一项就是修改源代码。点击编辑页面左上角的“源代码和设计视窗Code and Design View”查看源代码，将<td>……</td>中的“&nbsp;”删去，因为这个没用的代码是占用一定空间的。保存再重新回到页面你就可以看到一条1px的细线，至于你想直线粗一点或者变换颜色你重新设置框架的相应参数就是了。

如何改变插入的水平线颜色

　　有朋友说我就喜欢使用dreamweaver中的Insert Horizontal Rule （插入水平线)功能，但又想对插入的水平线动动手术，怎么办呢？默认情况下这根线是灰白色的立体效果，去掉阴影，就是灰色的。如果在灰色底图或黑色背景下，这些线条就得自废武功了。所以要改变它的颜色，当然也可以改变他的粗细。

　　Step 1　在需要插入横线的适当位置插入一根Horizontal Rule，点击这根线就能看到Property inspector（属性面板），

　　Step 2　在这个属性面板中，把shading（阴影）前的勾去掉。在宽度“W”中输入像素值（pixels）或者百分比%，可以自由设置这条线的长度。而高度“H”同样可以输入不同数值改变水平线的粗细，如输入“1”可以使插入的线条变成最细的一个像素，也是一般人最喜欢用的Style。如果想要的是粗线，可以在H中输入更大的值。

　　Step 3　细线就插好了，但你会发现线条还是灰色的，在属性面板上是没有设置颜色的选项的。要改变颜色？用css就可以了，而且不会太难，跟着下面的步骤做一次就会了。按Shift+F11打开CSS style窗口，或者选择Text菜单下的CSS style | New Style ，在点击CSS style窗口右上角的三角会出现一个下拉菜单，选择New Style （新样式）进入（选Text的可以直接在菜单上选）。

　　Step 4　在“New Style （新样式）”对话框中，在name（名称）栏中输入一个名称，如“color1”，并在Define（定义）单选框中选择“This document only（只用于此页）”，然后点ok。随后会弹出“Style definition for .colorline”窗口。

　　Step 5　在type项目中，选择想要的颜色，比如说蓝色，然后点ok，再按done，于是一个新的样式就建好了。选定网页编辑窗口中的细线，选择CSS style窗口中的“color1”的样式（就是刚才你建立的那个新样式），这时在网页编辑窗口中线条的颜色依然还是灰色的，但按F12预览，在浏览器中就可以看到所插入细线的颜色已经变成了你喜欢的蓝色。