css3文字阴影透明度 |css外联总是图片不显示

/* 例子代码 */
.text {
font-size: 30px;
color: #333;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

上面的CSS代码中，大家给.text这个类添加了文字阴影，采用了rgba的颜色值来设置阴影的透明度。

rgb() 函数是指 RGB，而 rgba() 函数是指 RGB 加透明度值 alpha。其定义方法如下：

/* RGB定义 */
rgb(red, green, blue)
/* RGBA定义 */
rgba(red, green, blue, alpha)

其中，alpha 参数定义了透明度，取值范围是 0~1，数值越小，越透明。

/* 透明度为 0.5 的阴影 */
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

通过设置阴影的透明度，大家可以达到文字与背景更加融合的效果，同时也能带来更加丰富的视觉效果。

当然，在使用文字阴影透明度时，需要根据实际情况调整透明度数值，避免出现文字显得过于模糊或者阴影过于明显的情况。