随着科技的发展，咱们实现了网络化的时代，在网络化的时代计算机行业是个热门行业，计算机行业也分好几种，比如UI、大数据、c语言等，那么css怎么设置背景透明度呢？让我们一起来看看吧。
工具/原料
1
电脑：1 windows7
2
css：css2
方法/步骤
1
首先我们用“background-color:rgba(0,0,0,0.1”语法，然后再新建一个html文件，然后从html文件找到
标签。2
接下来我们在这个标签里创建一个
标签并添加一个类，在这把这个类设置为：rgba，然后在标签后面创建一个<style>。</p></div><div class="listcon"><span>3</span><p>创建完成后，在<style>标签里设置“rgba”类的高和背景透明度的样式，然后在设置透明度参数，取值在0~1之间，不可为负值，参数越小透明度越高。</p></div><div class="listcon"><span>4</span><p>完成后点击确定，然后可以把所有代码复制到新建的html文件上，然后用浏览器打开窗口看到透明效果。</p></div></div><div class="ltitle"><span>总结</span></div><div class="lcon"><p>1.新建一个html文件，然后从html文件找到<body>标签。2.创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。3.在<title>标签后面创建一个<style>，在<style>标签里设置“rgba”类的高和背景透明度的样式。</p></div><div class="ltitle"><span>注意事项</span></div><div class="lcon"><div class="listcon"><span>1</span><p>一定要新建一个html文件，否则就保存不上了。</p></div><div class="listcon"><span>2</span><p>希望以上建议能对大家有所帮助，如有不足请大家谅解。</p></div></div><div class="prev_next">
<div class="prev">
<span>上一篇：</span><a href="/ezesf.html">图片放大后模糊怎么变清晰？</a>
</div>
<div class="next">
<span>下一篇：</span><a href="/ezesh.html">Word图片设置背景透明的抠图方法。</a>
</div>
</div>
</div>
<div class="appleccmw content-right">
<div class="listmore">推荐信息</div>
<div class="send_list">
<ul>
<li><a href="/ezesg.html" title="css设置背景透明度"><span>1</span><h3>css设置背景透明度</h3></a></li>
<li><a href="/cyta.html" title="手工编织：四叶草的简单编织方法"><span>2</span><h3>手工编织：四叶草的简单编织方法</h3></a></li>
<li><a href="/cysy.html" title="巧除生活中的异味"><span>3</span><h3>巧除生活中的异味</h3></a></li>
<li><a href="/cysv.html" title="ZJUZ卓雅珠宝挑选需要注意的三个方面？"><span>4</span><h3>ZJUZ卓雅珠宝挑选需要注意的三个方面？</h3></a></li>
<li><a href="/cysu.html" title="海南美景推荐：[3]情人首选蜈支洲岛"><span>5</span><h3>海南美景推荐：[3]情人首选蜈支洲岛</h3></a></li>
<li><a href="/cyss.html" title="缅甸人的情人桥乌本桥游记"><span>6</span><h3>缅甸人的情人桥乌本桥游记</h3></a></li>
<li><a href="/cysq.html" title="梵克雅宝四叶草金玛瑙项链真假鉴别"><span>7</span><h3>梵克雅宝四叶草金玛瑙项链真假鉴别</h3></a></li>
<li><a href="/cysp.html" title="手工制作：四叶草发绳"><span>8</span><h3>手工制作：四叶草发绳</h3></a></li>
<li><a href="/cyso.html" title="六种具有特色玩法的线路，让旅行有不一样的认识"><span>9</span><h3>六种具有特色玩法的线路，让旅行有不一样的认识</h3></a></li>
<li><a href="/cysn.html" title="梵克雅宝四叶草项链怎么挑选"><span>10</span><h3>梵克雅宝四叶草项链怎么挑选</h3></a></li>
<li><a href="/cysm.html" title="第一次去缅甸，缅甸哪里好玩"><span>11</span><h3>第一次去缅甸，缅甸哪里好玩</h3></a></li>
<li><a href="/cysl.html" title="三亚拍婚纱照自助攻略"><span>12</span><h3>三亚拍婚纱照自助攻略</h3></a></li>
<li><a href="/cysk.html" title="蜈支洲岛旅游风景区旅游攻略"><span>13</span><h3>蜈支洲岛旅游风景区旅游攻略</h3></a></li>
<li><a href="/cysi.html" title="五大购买高端婚戒定制品牌注意事项"><span>14</span><h3>五大购买高端婚戒定制品牌注意事项</h3></a></li>
<li><a href="/cysh.html" title="国内十大爱情桥“七夕”幽会恋人专属"><span>15</span><h3>国内十大爱情桥“七夕”幽会恋人专属</h3></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service">
<a href="/sitemap.html" target="_blank">网站地图</a>
<a href="/sitemap.xml" target="_blank">XML</a>
<a href="/sitemap.txt" target="_blank">TXT</a>
<a href="/rss.xml" target="_blank">RSS</a>
<a href="/privacy.html" target="_blank">隐私政策</a>
<a href="/service.html" target="_blank">服务条款</a>
<a href="/agreement.html" target="_blank">使用条款</a>
<div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2026 www.onijiang.com Corporation, All Rights Reserved</div>
</div>
<script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script>
<script src="/static/js/share.js" rel="external nofollow"></script>
<script src="/static/js/tran.js" rel="external nofollow"></script>
<script src="/static/js/langs.js" rel="external nofollow" ></script>
<div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>