HTML如何给背景颜色设置透明度

作者&投稿:帅奇 (若有异议请与网页底部的电邮联系)
~

问题分析:

HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。

举例如下:

以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。

HTML代码:

<div id="test-1">
    我是黑色背景,不透明的。
</div>
<div id="test-2">
    我是黑色背景,50%透明度。
</div>
<div id="test-3">
    我是黑色背景,20%透明度。
</div>

CSS代码:

#test-1, #test-2, #test-3{
    width: 300px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    display: inline-block;
    margin-left: 50px;
    color: #FFF;
}
#test-1{
    background-color: rgba(0,0,0,1);
}
#test-2{
    background-color: rgba(0,0,0,0.5);
}
#test-3{
    background-color: rgba(0,0,0,0.2);
}

页面初始化效果:




html怎么设置背景颜色?
1:块级元素设置背景颜色:创建div块级元素,然后在行内写上background-color:red,即可设置背景颜色为红色 2.行内元素设置背景颜色:我们创建一个a标签,然后将标签改为块级元素,代码"display:block"然后设置背景颜色即可,代码"background-color:green",此案例设置背景颜色为绿色 以上就是html中设置背景颜色...

html设置背景颜色,背景图片,插入图片?
第一步,设置背景颜色,只要改变body的bgcolor属性,不过要注意颜色与文本颜色的搭配要协调清晰。第二步,HTML网页的背景图片得用background属性,文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口,会自动重复添加。第三步,如果要在网页中插入图片,则得调用<imgsrc=\\"URL\\...

怎么设置html文字背景颜色?
一:设置背景颜色1.准备编辑HTML首先确定要使用的背景颜色,HTML颜色由每个代码决定。在计算机的Web浏览器中访问,就能查看所有颜色的代码,并且在“HEX”部分中选择要使用的基色。2.使用Notepad++或Notepad打开HTML文件,并且把页面的所有样式信息(包括背景颜色)添加进来。将“background-color”属性添加到“...

HTML语言中,设置背景颜色的代码是?
html中设置元素的背景色都是通过CSS中的background 属性来完成。例如,给整个页面(body)设置背景色:body{background: #ddd;};如果要将图片作为背景色:body{background-image: url(1.jpg);},其中url括号后面的是背景图片的链接。

如何在HTML中设置网页背景颜色?
1.首先打开电脑上自带的记事本程序,从HTML5开始就不再支持属性了。你想设置背景颜色和网页其它方面的样式,就得使用CSS。2.然后输入html网页基本结构语句。。3.由于css样式必须在标签之间,因此我们点击后面,输入标签。4.在head标签之间输入样式标签,然后定义一些属性,例如 5.然后点击body标签后面输入...

html怎么设置网页背景颜色
具体操作如下:1.首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。2.由于css样式必须在标签之间,因此我们点击后面,输标签。3.在head标签之间输入样式标签,body{background-color:yellow}定义网页背景色为黄色;h1{background-color:#00ff00}定义h1标签背景色为#00ff00;h2{background-...

怎样更改网页背景色,怎么设置html网页背景颜色
如下图,该html网页的背景色是纯白的,将通过以下示范将改变这个网页的的背景颜色。先打开Dreamweaver软件,再用鼠标选中该html网页文件,将其拖放到DW中打开。打开该html网页文件后,找到bgcolor后面的色值,直接在里面输入一个要更换成的颜色值就可以改变该网页的背景颜色了。除以上方法外,还可以在打开...

html设置背景颜色,背景图片,插入图片
操作演示可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。在ue编辑器中新建一个空白的html文件。在ue编辑器中输入以下html代码。编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。在浏览器中打开此html文件,可以看到最终想要实现的背景图片效果。

html怎么设置背景颜色
背景颜色的设置一般通过background来实现。html标签有三种方式内嵌,外联,行内。这里说一下行内的方式。举个例子:<div style="background: pink; width:100px;height:100px;"><\/div> 这样您就会得到一个宽高都是100像素的粉色div元素。html元素默认是没有高度的,需要注意以下。单纯的背景色的话...

HTML如何给背景颜色设置透明度
(1)创建一个html文件。如图 (2)在html文件找到一个<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba。 如图 (3)为div添加样式。在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,...

克孜勒苏柯尔克孜自治州18942782296: HTML如何给背景颜色设置透明度 -
储软硝酸: 为div添加样式.在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高 和背景透明度的样式(rgba(R,G,B,A)).透明度参数,取值在0~1之间,不可为负值, 透明度参数越小透明度越高. #test-1, #test-2, #test-3{width: 300px;...

克孜勒苏柯尔克孜自治州18942782296: html background - color如何设置为透明? -
储软硝酸: html background-color设置为透明的方法如下:<html> <head> <title>透明表格</title> </head> <body background="图片"> <table border="0"> <tr> <td style="background-color:#336699;filter:Alpha(opacity=50)">表格内容</td> </tr> </table> ...

克孜勒苏柯尔克孜自治州18942782296: 请问html 样式填充的背景颜色,怎样能变化他的透明度. -
储软硝酸: css -------- body{ background: #fff; } div{ width: 180px; height: 180px; margin: 0 auto; background: #F00; z-index: 1; } p{ filter: alpha(opacity=80); //这是设置层的透明度为80% opacity: 0.8; width: 120px; position: relative; left: -15px; top: 130px; ...

克孜勒苏柯尔克孜自治州18942782296: 在div+css中怎么让背景颜色透明 -
储软硝酸: css中有一个opacity属性,可以设置透明度 如下例子:<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>.div1{width: 200px;height: 200px; opacity: 0.6;background: red;}</style> </head> <body><div class="div1"></div> </body> </html>

克孜勒苏柯尔克孜自治州18942782296: 用html编写出图片的背景色彩为透明?
储软硝酸: 不知道代码能不能实现,你可以把图片做成png格式的.做图片时把图片调好透明度

克孜勒苏柯尔克孜自治州18942782296: CSS如何定义DIV背景半透明颜色 -
储软硝酸: “长城郭靖”回答的是错的,他答的是让整个元素半透明 只让背景半透明只有一个办法,就是用rgba颜色,代码如下 background: rgba(0, 0, 0, 0.5)解释:这是黑色半透明的代码 前三个值表示颜色的red,green,blue值 最后一个表示alpha值,就是透明度值,不透明为1 (支持IE8+以及所有现代浏览器) 还是不懂的话,可以参考 百度百科 “rgba”词条 和 “CSS 颜色值”词条

克孜勒苏柯尔克孜自治州18942782296: 在HTML关于背景颜色设置(看详细说明) -
储软硝酸: 在CSS里面定义: body {backgound: url(xxxx.jpg) repeat fixed;} .bgTransparent {background: #dfd; filter: Alpha(Opacity=30); opacity: 30; position: absolute; width: 100%; height: 100%;} /*IE支持filter, Firefox支持opacity*/在<body>里面写: <div class=container> <div class=bgTransparent></div> 你的内容放在container里面 </div>

克孜勒苏柯尔克孜自治州18942782296: 怎么让背景色透明文字不透明 css -
储软硝酸: article{ background-color:rgba(0,0,0,0.8); //注意,是rgba,不是rgb !!! position:static; } article p{ color:white; position:relitave; }

克孜勒苏柯尔克孜自治州18942782296: 请教,HTML中引入swf时怎么把背景设置成透明 -
储软硝酸: 在flash中导出swf时就可以导出为背景透明

克孜勒苏柯尔克孜自治州18942782296: HTML能否把背景图改成透明的? -
储软硝酸: 可以,css中有一个属性是滤镜,一般的用法是这样 filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; 具体的可以度娘下.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网