在Dreamweaver中插进有色调的平行线(水平线)

2021-03-19 18:35 jianzhan
在dreamweaver中,假如插进 Horizontal Rule (水平线),默认设置状况下这根线只是灰色,在许多状况下,这其实不合乎大家的规定。假如要想插进别的色调的平行线(乃至细到1个像素),应该怎么办呢?

  最先,在document window(网页页面编写对话框)中的适度部位,插进Horizontal Rule,

  按ctrl + F3 调出 Property inspector(特性面板),

  

  在这个特性面板中,把shading(黑影)前的勾去掉。在W中键入像素值(pixels)或百分比,能够设定这条线的长度。在H中,键入1,都可以以使这根线变得很细,细到1个像素。假如要想的是粗线,能够在H中,键入更大的值。这样细线就插好了,但你会发现,这根线是灰色的,在特性面板中,其实不能够设定色调。假如要想设定别的色调,能够根据css来操纵。在DreamWeaver中能够十分非常容易地设定css,你乃至彻底不必须掌握css的英语的语法。

  挑选Text菜单下的CSS style | New Style ,

  

  在“New Style (新款式)”会话框中,在name(名字)栏中键入1个名字,如"colorline",并在Define(界定)单选框选中择“This document only(只用于此页)”,随后点ok。接着会弹出的Style definition for .colorline会话框:

  

  在type新项目中,挑选要想的色调,例如说鲜红色,随后点ok,再点done,因而1个新的款式就建好了。选定网页页面编写对话框中的细线,点 Text | CSS style | colorline(colorline便是刚刚创建的那个新款式),在网页页面编写对话框中,线的色调仍然還是灰色,但按F12预览,在访问器中便可以看到所插进细线的色调早已变为了你要想的鲜红色。

  也有1种方法能够插进有色调的细线,乃至细到1个像素.最先在网页页面编写对话框中插进1个1行1列的报表,随后在这个报表中插进1个1pixel × 1Pixel的全透明图象(在dreameaver4中操纵网页页面合理布局所应用的spacer image更是这样的图象,因此假如你不容易用手机软件制做这样的图象,可在dreameaver4中这般转化成:

  

  Object面板  最先点选Objiect面板的View 中的layout view(合理布局主视图),再点draw layout table,在网页页面编写对话框中拖拽转化成1个合理布局报表(layout table),点报表头的往下拉菜单中的Add spacer image,

  

  建立并储存spacer image,这个spaceer image 便是1个1像素× 1像素的全透明图象)。随后在报表的特性中设定为:H(高宽比)为1 pixel(1像素),W(宽度)为要想的宽度(可键入像素值或百分比),cellpad、 cellspace、border中都键入0,随后在Bg Color(情况色调)选中择要想的色调,带色调的水平细线就这样被插进了。

  

  假如把H值增大,那末这条线会变粗。假如要插进带色调的竖直细线,则把H设定为要想的高宽比值,W设定为0,别的设定同上,便可插进竖直细线。在网页页面编写对话框中,这的色调还是灰色的,但按F12预览,在访问器中便可以看到所插进的细线的色调早已变为了你要想的色调