css基础教程:[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1,使用网络字体的好处是所有人看到的效果都是样的,效果统一,2,不依赖于用户电脑上是否安装了该字体。......
2023-03-16 328 CSS
css设置背景颜色透明度只需要使用rgba(R,G,B,A)即可。以上R、G、B三个参数,正整数值的取值范围为:0 - 255。A为透明度参数,取值在0~1之间,不可为负值。
语法:background-color:rgba(0,0,0,0.1);
创建一个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>
/head>
body>
div class="rgba">/div>
/body>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: CSS
相关文章
css基础教程:[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1,使用网络字体的好处是所有人看到的效果都是样的,效果统一,2,不依赖于用户电脑上是否安装了该字体。......
2023-03-16 328 CSS
怎么用div布局加css样式做网页,怎么做一个网页呢,静态页面的制作是很简单的,我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 479 CSS