在Dreamweaver中插入有颜色的直线

新客网 XKER.COM 2007-04-03 来源： 收藏本文

　　在dreamweaver中，如果插入 Horizontal Rule (水平线)，默认情况下这根线只是灰色，在很多情况下，这并不符合我们的要求。如果想要插入其他颜色的直线(甚至细到一个像素)，该怎么办呢?

　　首先,在document window(网页编辑窗口)中的适当位置，插入Horizontal Rule，

　　按ctrl + F3 调出 Property inspector(属性面板)，

　　

　　在这个属性面板中，把shading(阴影)前的勾去掉。在W中输入像素值(pixels)或者百分比，可以设置这条线的长度。在H中，输入1，都可以使这根线变得很细，细到一个像素。如果想要的是粗线，可以在H中，输入更大的值。这样细线就插好了，但你会发现，这根线是灰色的，在属性面板中，并不可以设置颜色。如果想要设置其他颜色，可以通过css来控制。在DreamWeaver中可以非常容易地设置css，你甚至完全不需要了解css的语法。

　　选择Text菜单下的CSS style 　 New Style ，

　　

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

　　

　　在type项目中，选择想要的颜色，比如说红色，然后点ok，再点done，于是一个新的样式就建好了。选定网页编辑窗口中的细线，点 Text 　 CSS style 　 colorline(colorline就是刚才建立的那个新样式)，在网页编辑窗口中，线的颜色依然还是灰色，但按F12预览，在浏览器中就可以看到所插入细线的颜色已经变成了你想要的红色。
　　

• ·用Dreamweaver轻松实现不同分辨率下的层定位
• ·Dreamweaver的应用源格式技巧
• ·Dreamweaver制作网页小技巧汇集
• ·请问Dreamweaver8无法启动如何解决？
• ·关于Dreamweaver MX 2004的PPT格式课件
• ·DW表格应用之细线框的制作
• ·Dreamweaver架设网站高级教程
• ·Dreamweaver制作网页的七大绝招
• ·Dreamweaver临时文件的工作方式
• ·用Dreamweaver制作网页中常用的过度效果
• ·Dreamweaver使用CSS样式表设置网页
• ·用DW8轻松制作漂亮的Flash像册
• ·解决DW8中CSS应用无效问题
• ·利用DW8掌握网页代码基本格式
• ·在Dreamweaver中灵活使用网页表格
• ·玩转DW属性检查器和文本格式设置