如何在Dreamweaver中添加拖放和文本阴影 - 假人

您可以在Dreamweaver中增强您的设计，并通过为图像，标签和其他元素添加阴影来为您的页面增加深度。添加文字阴影使您的文字更易于阅读，特别是如果您的设计具有复杂的背景，或者前景和背景颜色缺乏对比度。信用：照片由iStockphoto。 com

Dreamweaver CC提供了更好的CSS3阴影和来自新CSS设计器面板的文字阴影的支持和集成。

<！ --1 - >

您可以使用文本阴影创建类或ID样式，并且可以通过定义标记样式（例如此处显示的标题1样式）来将文本阴影添加到现有的HTML元素。创建文本阴影的CSS3代码是

h1 {text-shadow：2px 2px 2px#000;}

代码中的数字指定文本阴影向右延伸2像素，文字与2像素模糊。此外，阴影是由黑色，由十六进制颜色代码#000指定的。

<！当为文字阴影创建规则时，最多可以指定四个值：

水平

和

• 垂直 ：前两个数字值是必需的，并指定水平和垂直偏移量 - 投影在文本（ 垂直 ）以下和文本右侧（水平）之间延伸的距离。 模糊半径 ：第三个​​值指定阴影中的模糊量。如果不包含模糊半径，则默认值为0，这会使阴影显示为纯色。

• 颜色
  ：第四个值指定阴影的颜色，可以使用十六进制颜色代码或RGBa颜色代码进行定义。

• 为“颜色”选项选择RGBa颜色可让您更好地控制阴影的外观，因为您可以添加透明度。 您可以使用CSS设计器面板底部的“属性”面板添加文字阴影。要这样做，请按照下列步骤操作：

向下滚动到CSS设计器属性面板的文本阴影部分。

使用H阴影（水平）和V阴影（垂直）字段输入要显示的阴影的大小。

1. 在“模糊”字段中输入尺寸，为文字阴影添加所需的模糊量。

2. 点击颜色并选择您想要在文字阴影中使用的颜色。