html设置字体透明度,css怎么设置字体不透明度？

在css中有很多好看的样式都可以实现，css设置出来的样式让整个网页看起来也会非常美观，今天的这篇文章就给大家来介绍一下在css中怎么设置字体的透明度，让你的字体在网页中看起来是透明的。

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

首先利用RGBA来设置背景颜色透明度是非常简单的，我们来简单看一个例子：

.div{

background-color:rgba(220,38,38,0.2);

width:100px;

height:100px;

}

我是文字

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

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

其实也非常简单，设置字体的透明度，我们可以对color的rgba属性进行设置。

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

.div{

background:red;

width:100px;

height:100px;

color:rgba(255,255,255,0.4)

}

我是透明文字

效果图：

html设置字体透明度,css怎么设置字体不透明度？相关推荐

html css引用字体颜色,超链接字体颜色设置(通过html/css的设置方法)
超链接字体颜色设置是通过css来设置,a链接的颜色设置常用的有以下两种,1.超链接a的初始状态颜色,2.超链接字体的鼠标滑过颜色,还有两种病不常用:3.超链接字体的已访问颜色,4.超链接字体在按下鼠标 ...
html怎么修改字体位置,css怎么设置字体位置？
css怎么设置字体位置?下面本篇文章给大家介绍一下使用CSS设置字体位置的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:使用text-align属性设置字体的位置 t ...
css：css样式背景图片设置透明度,css如何设置背景图片的透明度
1. 了解css如何设置背景图片的透明度注意: css中无法直接给背景图片加 opacity 属性,可以使用下面的方法来给background-image加上我们想要的透明度opacity. 2. ...
php中文本框透明度,css怎么设置透明度
工作中我们经常会需要用到CSS代码来设置DIV的透明度,今天给大家来介绍一下,怎样用CSS样式表来设置DIV的透明半透明.希望能帮到大家. 首先说一下设置DIV半透明的CSS代码:div{filter ...
css设置背景透明度,css设置背景透明度你需要学习了
css通过设置透明度可以得到遮罩效果,今天咪咪我就来给大家讲解一下css透明度的设置方法. 工具/材料电脑 webstorm 操作方法 01 如图,打开webstorm,然后新建一个html界面,在 ...
html img透明度,css如何设置img的不透明度？
使用CSS很容易创建透明的图像:那么css如何设置img的不透明度?下面本篇文章给大家介绍一下CSS 图像透明/不透明.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:使用o ...
html如何调节透明度,CSS 如何设置一个元素的透明度呢？
摘要: 下文讲述css中设置元素透明度的两种方法分享,如下所示: 在html中,有时我们需对图片,文本设置其透明度,那么到底该如何设置呢?下文讲述使用css脚本设置透明度的方法方法1:使用opaco ...
html 怎么设置鼠标效果,css怎么设置鼠标形状
相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,下面是学习啦小编带来的关于css怎么设置鼠标形状的内容,欢迎阅读! css怎么设置鼠标 ...
html如何修改字体黑体,css如何修改字体样式？
css如何修改字体样式?比如黑体.宋体.微软雅黑.英文字体等字体如何设置?下面本篇文章给大家介绍一下使用css修改字体样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. cs ...
html css超链接字体颜色,css如何定义字体颜色
css定义字体颜色的方法:1.在文字所在标签中直接使用css样式设置颜色即可.2.在文字所在标签中使用id或class引入css字体颜色样式. css设置字体颜色的方法: 1.标签内设置CSS字体颜色 ...

html设置字体透明度,css怎么设置字体不透明度？

html设置字体透明度,css怎么设置字体不透明度？相关推荐

最新文章

热门文章