CSS设置字体透明度的方法

  介绍

这篇文章给大家分享的是有关CSS设置字体透明度的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

<强>在css3中新增了一个rgba属性,所谓rgba属性,就是R(红)G B(绿)(蓝)三原色加α(透明度),下面我们就来具体看看这个rgba属性如何设置字体透明度。

首先利用rgba来设置背景颜色透明度是非常简单的,我们来简单看一个例子:(相关推荐:CSS如何设置背景颜色透明?)

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt; title> & lt;/title>   & lt;风格类型=拔谋?css"比;   .div {   background: rgba(220, 38岁,38岁,0.2);   宽度:100 px;   身高:100 px;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div类=癲iv"祝辞   我是文字   & lt;/div>   & lt;/body>   & lt;/html>

RGBA来设置背景颜色透明度的效果如下:

 CSS设置字体透明度的方法

上述代码是不是很简单,那么如果将字体设置透明度我们可以如何利用RGBA呢?

其实也非常简单,设置字体的透明度,我们可以对颜色的RGBA属性进行设置。

我们来看RGBA设置字体透明度的具体示例:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt; title> & lt;/title>   & lt;风格类型=拔谋?css"比;   .div {   背景:红色;   宽度:100 px;   身高:100 px;   颜色:rgba (255255255, 0.4)   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div类=癲iv"祝辞   我是透明文字   & lt;/div>   & lt;/body>   & lt;/html>

字体透明度的效果如下:

 CSS设置字体透明度的方法

感谢各位的阅读!关于CSS设置字体透明度的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

CSS设置字体透明度的方法