随着科技的发展，咱们实现了网络化的时代，在网络化的时代计算机行业是个热门行业，计算机行业也分好几种，比如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="/cbulx.html" title="鱼香肉丝制作与来源"><span>2</span><h3>鱼香肉丝制作与来源</h3></a></li>
<li><a href="/cbulw.html" title="美食5200---家庭版鱼香肉丝"><span>3</span><h3>美食5200---家庭版鱼香肉丝</h3></a></li>
<li><a href="/cbulv.html" title="家常版下饭菜—鱼香肉丝"><span>4</span><h3>家常版下饭菜—鱼香肉丝</h3></a></li>
<li><a href="/cbulu.html" title="二月二吃春卷夹菜--鱼香肉丝"><span>5</span><h3>二月二吃春卷夹菜--鱼香肉丝</h3></a></li>
<li><a href="/cbult.html" title="能让你吃三个馒头的鱼香肉丝"><span>6</span><h3>能让你吃三个馒头的鱼香肉丝</h3></a></li>
<li><a href="/cbuls.html" title="鱼香肉丝——中餐"><span>7</span><h3>鱼香肉丝——中餐</h3></a></li>
<li><a href="/cbulr.html" title="鱼香肉丝——鱼肉版"><span>8</span><h3>鱼香肉丝——鱼肉版</h3></a></li>
<li><a href="/cbulq.html" title="万圣节英语手抄报简笔画怎么画"><span>9</span><h3>万圣节英语手抄报简笔画怎么画</h3></a></li>
<li><a href="/cbulp.html" title="2018儿童迎新年手操报怎么画"><span>10</span><h3>2018儿童迎新年手操报怎么画</h3></a></li>
<li><a href="/cbulo.html" title="my dream farm手抄报"><span>11</span><h3>my dream farm手抄报</h3></a></li>
<li><a href="/cbuln.html" title="my dream farm手抄报"><span>12</span><h3>my dream farm手抄报</h3></a></li>
<li><a href="/cbulm.html" title="纸艺折叠完美你的梦幻婚礼"><span>13</span><h3>纸艺折叠完美你的梦幻婚礼</h3></a></li>
<li><a href="/cbull.html" title="女生找结婚对象要找什么样的？"><span>14</span><h3>女生找结婚对象要找什么样的？</h3></a></li>
<li><a href="/cbulk.html" title="抓住这些细节，成就你的婚礼"><span>15</span><h3>抓住这些细节，成就你的婚礼</h3></a></li>
<li><a href="/cbulj.html" title="全球趣味婚礼习俗介绍"><span>16</span><h3>全球趣味婚礼习俗介绍</h3></a></li>
<li><a href="/cbuli.html" title="哪些星座女视贞操如生命，会是你吗"><span>17</span><h3>哪些星座女视贞操如生命，会是你吗</h3></a></li>
<li><a href="/cbulh.html" title="毕业论文word技巧：[7]图表自动编号"><span>18</span><h3>毕业论文word技巧：[7]图表自动编号</h3></a></li>
<li><a href="/cbulg.html" title="如何在word中设计一级和二级目录"><span>19</span><h3>如何在word中设计一级和二级目录</h3></a></li>
<li><a href="/cbulf.html" title="Word2010如何解决图片插入题注时没有“图”这项"><span>20</span><h3>Word2010如何解决图片插入题注时没有“图”这项</h3></a></li>
<li><a href="/cbule.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>