方式一：HTML命令方式
<font color="red">这里是红色</font>
方式二：内联CCS样式
<div style="color:blue">这里是蓝色</div>
方式三：独立CCS样式
<div id="div1">这里是绿色</div>
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>字体颜色设置</title>
<style>
#div1 {
color: green;
}
</style>
</head>
<body>
<font color="red">这里是红色</font>
<div style="color:blue">这里是蓝色</div>
<div id="div1">这里是绿色</div>
</body>
</html>
以下是显示结果：
1、首先新建一个html文件，写入基本的html结构，这里写入两个h2标签，其中一个将设置为透明字体，另一个保持不变：
2、接下来给第二段字体设置透明色，在上方加入style标签，给第二个h2标签里的元素设置样式，文字颜色包含透明度的属性是rgba，里面有4个参数，前三个是红绿蓝三色的数值，最后一个参数代表透明度，取值从0到1，设为1就是不透明了，这里设置为07即可：
3、最后保存文件来到浏览器，就可以看出效果了，有透明色的字体明显要比没加透明的字体要淡一些。以上就是设置 html 字体颜色为透明色的方法：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）