设为首页】 【加入收藏】 【网站地图】 【商品折扣
娱乐一生 娱乐明星
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
首页  |  photoshop  |  dreamweaver  |  office教程  |  AutoCad教程  |  Flash  |  CORELDRAW教程  |  美工设计  |  3DS MAX  |  Authorware  |  Director  |  Maya  |  网站建设
当前位置:首页 >> dreamweaver >> 在Dreamweaver中插入有颜色的直线_Dreamweaver教程_www.src119.com

在Dreamweaver中插入有颜色的直线_Dreamweaver教程_www.src119.com -

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

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

  按ctrl + F3 调出 Property i ector(属性面板),

  

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

  选择Text菜单下的C  style | New Style ,

  

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

  

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

  还有一种办法可以插入有颜色的细线,甚至细到一个像素.首先在网页编辑窗口中插入一个一行一列的表格,然后在这个表格中插入一个1pixel × 1Pixel的透明图像(在dreameaver4中控制页面布局所使用的 acer image正是这样的图像,所以如果你不会用软件制作这样的图像,可在dreameaver4中如此生成:

  

  Object面板  首先点选Objiect面板的View 中的layout view(布局视图),再点draw layout table,在网页编辑窗口中拖动生成一个布局表格(layout table),点表格头的下拉菜单中的Add  acer image,

  

  创建并保存 acer image,这个 aceer image 就是一个1像素× 1像素的透明图像)。然后在表格的属性中设置为:H(高度)为1 pixel(1像素),W(宽度)为想要的宽度(可输入像素值或者百分比),cellpad、 cell ace、border中都输入0,然后在Bg Color(背景颜色)中选择想要的颜色,带颜色的水平细线就这样被插入了。

  

  如果把H值增大,那么这条线会变粗。如果要插入带颜色的垂直细线,则把H设置为想要的高度值,W设置为0,其他设置同上,即可插入垂直细线。在网页编辑窗口中,这的颜色仍是灰色的,但按F12预览,在浏览器中就可以看到所插入的细线的颜色已经变成了你想要的颜色。



 

娱乐图摘

更多 >>

靓丽清纯美女meimei

美女私房全裸照
导演劝女演员脱衣服(视频)

大胆火辣人体艺术写真(图)

黑丝妹妹热辣诱惑-丝袜美女妹妹

PLMM 漂亮妹妹图集-妹妹图库

全球美女图库-美女集中营

52MM 我爱漂亮妹妹-制服妹妹诱惑

图王图库-世界美女明星图片资料库
美女写真集锦

激情两性-解密性生活
浴室MM湿身内衣诱惑
邻家小妹洗澡被偷拍(视频)

热点文章

更多

· 轻松处理Dreamweaver段落缩进_Dreamweave
· 制作网页十大诀窍_Dreamweaver_网站建设
· Dreamweaver MX应用表格排序_Dreamweav
· 用Dreamweaver MX创造网页鼠标样式_Dreamw
· Dreamweaver4探谜系列(1)_Dreamweave
· 网页菜单详解(3):样式修饰_Dreamweaver_网站建
· 巧用Dreamweaver MX制作阴影字_Dreamwea
· DreamWeaver,经典50问(2)_Dreamweav
· 细品DreamweaverMX内建FW技术_Dreamwea
· Dreamweaver处理word文档有妙招_Dreamwe

热点文章

更多