css设置颜色透明度 css怎样设置背景颜色透明度

css设置背景颜色透明度只需要使用rgba(R,G,B,A)即可。A为透明度参数,取值在0~1之间,不可为负值。 下面是小编给大家整理的一些有关css设置背景颜色透明度的方法,希望对大家有帮助!

css设置背景颜色透明度的方法

创建一个html文件。如图

在html文件找到一个<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba。 如图

代码:<div class="rgba"></div>

为div添加样式。在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高。如图

代码:

<style type="text/css">

.rgba{

background-color: rgba(0,0,0,0.5);

height: 200px;

}

</style>

保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。如图:

所有代码。可以把所有代码复制到新建的html文件上,保存好后使用浏览器打开借口看到效果。如图

所有代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>css设置背景透明</title>

<style type="text/css">

.rgba{

background-color: rgba(0,0,0,0.5);

height: 200px;

}

</style>

css设置颜色透明度 css怎样设置背景颜色透明度

</head>

<body>

<div class="rgba"></div>

</body>

</html>

END

  

爱华网本文地址 » http://www.413yy.cn/a/217761/619539035.html

更多阅读

怎样瘦背五式瑜伽成就迷人美背 美背瑜伽动作视频

即使不能展露诱人乳沟,展现迷人的背部线条同样可以性感出位。除了保持背部的细腻和柔嫩,如何让背部更纤瘦更迷人也是穿露背装之前需要好好修炼的一门课,今天就来教大家五个瑜伽动作,让你迅速成就迷人的背部线条。怎样瘦背五式瑜伽成就

怎样快速背单词 一年级英语所有单词

怎样快速背单词呢?背单词是有技巧的,英语单词真的难记吗?其实,问题的根源在于方法不科学怎样快速背单词——工具/原料大脑 拆分 联想 谐音充分发挥自己的想象力怎样快速背单词——步骤/方法怎样快速背单词 1、强行把一串字母组合,一个

黄龙玉哪个颜色最好 怎样鉴别黄龙玉

怎样鉴别黄龙玉――简介 黄龙玉,又称龙黄石、黄蜡石,是近几年新发现的品质极高的一种翠玉,深受消费者青睐,成为当今玉石收藏之新贵。黄龙玉的主色是黄色和红色,黄色寓意“富贵”,红色寓意“吉祥”,所以它所成品之手饰,倍受消费者喜爱。怎样

轻轻松松背单词 怎样轻轻松松背单词

针对不同特点的单词配附恰当的记忆窍门,就不怕任何单词难记。这里不仅对传统的记忆方法做了合理改良,而且在记忆方法的创新上也有突破。 怎样轻轻松松背单词――工具/原料英语学习机怎样轻轻松松背单词――步骤/方法怎样轻轻松松背单

ps改变证件照底色 PS证件照怎样改变背景色?

1.首先利用PS打开一张照片,如果照片不符合实现尺寸需要,可利用“裁剪”工具进行裁剪。点击“裁剪工具”,然后根据实际高宽来进行设置“宽度”和“高度”参数,并通过拖动绘制裁剪区域,双击完成裁剪过程。2.选择“魔棒”工具,并设置合适的

声明:《css设置颜色透明度 css怎样设置背景颜色透明度》为网友山河尽头也陪你分享!如侵犯到您的合法权益请联系我们删除