随着科技的发展，咱们实现了网络化的时代，在网络化的时代计算机行业是个热门行业，计算机行业也分好几种，比如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="/ekmzi.html" title="国家地理APP怎么保存图片"><span>2</span><h3>国家地理APP怎么保存图片</h3></a></li>
<li><a href="/ekmzh.html" title="脸化妆品过敏怎么办"><span>3</span><h3>脸化妆品过敏怎么办</h3></a></li>
<li><a href="/ekmzg.html" title="化妆品过敏怎么办？从根本解决面部过敏"><span>4</span><h3>化妆品过敏怎么办？从根本解决面部过敏</h3></a></li>
<li><a href="/ekmzf.html" title="化妆品皮肤过敏的护理方法"><span>5</span><h3>化妆品皮肤过敏的护理方法</h3></a></li>
<li><a href="/ekmze.html" title="皇室战争0氪玩家三传奇卡反制策略"><span>6</span><h3>皇室战争0氪玩家三传奇卡反制策略</h3></a></li>
<li><a href="/ekmzd.html" title="皇室战争2v2强力卡组推荐攻略"><span>7</span><h3>皇室战争2v2强力卡组推荐攻略</h3></a></li>
<li><a href="/ekmzc.html" title="用化妆品皮肤过敏怎么办？"><span>8</span><h3>用化妆品皮肤过敏怎么办？</h3></a></li>
<li><a href="/ekmzb.html" title="化妆品过敏怎么办"><span>9</span><h3>化妆品过敏怎么办</h3></a></li>
<li><a href="/ekmza.html" title="化妆品过敏了怎么办"><span>10</span><h3>化妆品过敏了怎么办</h3></a></li>
<li><a href="/ekmyz.html" title="皇室战争2v2双猪毒卡组推荐攻略"><span>11</span><h3>皇室战争2v2双猪毒卡组推荐攻略</h3></a></li>
<li><a href="/ekmyy.html" title="护肤品过敏怎么办"><span>12</span><h3>护肤品过敏怎么办</h3></a></li>
<li><a href="/ekmyx.html" title="皇室战争圣水收集器怎么玩"><span>13</span><h3>皇室战争圣水收集器怎么玩</h3></a></li>
<li><a href="/ekmyw.html" title="用护肤品过敏怎么办"><span>14</span><h3>用护肤品过敏怎么办</h3></a></li>
<li><a href="/ekmyv.html" title="皇室战争骷髅气球攻略"><span>15</span><h3>皇室战争骷髅气球攻略</h3></a></li>
<li><a href="/ekmyu.html" title="抽象类实现多态案例"><span>16</span><h3>抽象类实现多态案例</h3></a></li>
<li><a href="/ekmyt.html" title="部落冲突皇室战争最新火枪手技巧"><span>17</span><h3>部落冲突皇室战争最新火枪手技巧</h3></a></li>
<li><a href="/ekmys.html" title="皇室战争闪电飓风蹦巨流攻略"><span>18</span><h3>皇室战争闪电飓风蹦巨流攻略</h3></a></li>
<li><a href="/ekmyr.html" title="内衣收纳盒的使用与注意事项"><span>19</span><h3>内衣收纳盒的使用与注意事项</h3></a></li>
<li><a href="/ekmyq.html" title="皇室如何应对？"><span>20</span><h3>皇室如何应对？</h3></a></li>
<li><a href="/ekmyp.html" title="如何给塑料购物袋加上一个密封盖子"><span>21</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>