介绍
这篇文章给大家分享的是有关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来设置背景颜色透明度的效果如下:
上述代码是不是很简单,那么如果将字体设置透明度我们可以如何利用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设置字体透明度的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!