随着科技的发展，咱们实现了网络化的时代，在网络化的时代计算机行业是个热门行业，计算机行业也分好几种，比如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="/expml.html" title="钢丝球的使用有什么需要注意的地方？"><span>2</span><h3>钢丝球的使用有什么需要注意的地方？</h3></a></li>
<li><a href="/expmk.html" title="如何让蚊香自动熄灭"><span>3</span><h3>如何让蚊香自动熄灭</h3></a></li>
<li><a href="/expmj.html" title="常用生活秒招"><span>4</span><h3>常用生活秒招</h3></a></li>
<li><a href="/expmi.html" title="牙痛不算病，痛起来要命。牙痛根治法。"><span>5</span><h3>牙痛不算病，痛起来要命。牙痛根治法。</h3></a></li>
<li><a href="/expmh.html" title="日常生活经验小窍门大全（4）"><span>6</span><h3>日常生活经验小窍门大全（4）</h3></a></li>
<li><a href="/expmg.html" title="生活小窍门我们总会"><span>7</span><h3>生活小窍门我们总会</h3></a></li>
<li><a href="/expmf.html" title="机械迷城第四关怎么跳 机械迷城第四关怎么过"><span>8</span><h3>机械迷城第四关怎么跳 机械迷城第四关怎么过</h3></a></li>
<li><a href="/expme.html" title="铁架台的注意事项"><span>9</span><h3>铁架台的注意事项</h3></a></li>
<li><a href="/expmd.html" title="生活中的小常识【10】"><span>10</span><h3>生活中的小常识【10】</h3></a></li>
<li><a href="/expmc.html" title="晶核手游如何获得称号"><span>11</span><h3>晶核手游如何获得称号</h3></a></li>
<li><a href="/expmb.html" title="选如何购一把好菜刀"><span>12</span><h3>选如何购一把好菜刀</h3></a></li>
<li><a href="/expma.html" title="使蚊香定时熄灭小方法"><span>13</span><h3>使蚊香定时熄灭小方法</h3></a></li>
<li><a href="/explz.html" title="浅谈字体设计的若干技巧"><span>14</span><h3>浅谈字体设计的若干技巧</h3></a></li>
<li><a href="/exply.html" title="建筑设计专业未来的就业选择有哪些？经验分享"><span>15</span><h3>建筑设计专业未来的就业选择有哪些？经验分享</h3></a></li>
<li><a href="/explx.html" title="八大洗衣房精巧设计分享"><span>16</span><h3>八大洗衣房精巧设计分享</h3></a></li>
<li><a href="/explw.html" title="无缝空间设计当代混搭主义分享"><span>17</span><h3>无缝空间设计当代混搭主义分享</h3></a></li>
<li><a href="/explv.html" title="小户型极致设计"><span>18</span><h3>小户型极致设计</h3></a></li>
<li><a href="/explu.html" title="平面设计：展板设计"><span>19</span><h3>平面设计：展板设计</h3></a></li>
<li><a href="/explt.html" title="小户型设计省钱装扮浪漫家经验分享"><span>20</span><h3>小户型设计省钱装扮浪漫家经验分享</h3></a></li>
<li><a href="/expls.html" title="小户型房屋设计68平的一室一厅分享"><span>21</span><h3>小户型房屋设计68平的一室一厅分享</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>