多语言展示
当前在线:497今日阅读:45今日分享:13

css设置背景透明度

随着科技的发展,咱们实现了网络化的时代,在网络化的时代计算机行业是个热门行业,计算机行业也分好几种,比如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="/bpsrs.html" title="天天炫斗决斗场怎么玩"><span>2</span><h3>天天炫斗决斗场怎么玩</h3></a></li> <li><a href="/bpsrr.html" title="简析火玩武尊战士PK技巧"><span>3</span><h3>简析火玩武尊战士PK技巧</h3></a></li> <li><a href="/bpsrq.html" title="狩猎者联盟怎么PK 竞技场全职业PK技巧吐血分享"><span>4</span><h3>狩猎者联盟怎么PK 竞技场全职业PK技巧吐血分享</h3></a></li> <li><a href="/bpsrp.html" title="在小打卡上的答题PK怎么玩"><span>5</span><h3>在小打卡上的答题PK怎么玩</h3></a></li> <li><a href="/bpsro.html" title="新梦幻之城刺客pk攻略"><span>6</span><h3>新梦幻之城刺客pk攻略</h3></a></li> <li><a href="/bpsrn.html" title="天天酷跑PK对战怎么玩 天天酷跑PK对战模式玩法"><span>7</span><h3>天天酷跑PK对战怎么玩 天天酷跑PK对战模式玩法</h3></a></li> <li><a href="/bpsrm.html" title="王者荣耀对战模式怎么玩"><span>8</span><h3>王者荣耀对战模式怎么玩</h3></a></li> <li><a href="/bpsrl.html" title="知道吗?你孤独而忧郁的气质,深深的吸引了我"><span>9</span><h3>知道吗?你孤独而忧郁的气质,深深的吸引了我</h3></a></li> <li><a href="/bpsrk.html" title="悍将传世的经验PK攻略"><span>10</span><h3>悍将传世的经验PK攻略</h3></a></li> <li><a href="/bpsrj.html" title="全民突击怎么和好友PK?"><span>11</span><h3>全民突击怎么和好友PK?</h3></a></li> <li><a href="/bpsri.html" title="惊天战神新手攻略竞技PK玩法简介"><span>12</span><h3>惊天战神新手攻略竞技PK玩法简介</h3></a></li> <li><a href="/bpsrh.html" title="12星座攀龙附凤指数,你们会因为钱而结婚"><span>13</span><h3>12星座攀龙附凤指数,你们会因为钱而结婚</h3></a></li> <li><a href="/bpsrg.html" title="度宇宙1V1脑力PK怎么玩?"><span>14</span><h3>度宇宙1V1脑力PK怎么玩?</h3></a></li> <li><a href="/bpsrf.html" title="不作会死,作天作地作死的星座,说的就是你"><span>15</span><h3>不作会死,作天作地作死的星座,说的就是你</h3></a></li> <li><a href="/bpsre.html" title="我的世界拔刀剑基础教程拔刀剑教程"><span>16</span><h3>我的世界拔刀剑基础教程拔刀剑教程</h3></a></li> <li><a href="/bpsrd.html" title="我的世界经验值怎么获得"><span>17</span><h3>我的世界经验值怎么获得</h3></a></li> <li><a href="/bpsrc.html" title="我的世界怎么练级"><span>18</span><h3>我的世界怎么练级</h3></a></li> <li><a href="/bpsrb.html" title="猎人的生存日记加强版铁钻怎么用"><span>19</span><h3>猎人的生存日记加强版铁钻怎么用</h3></a></li> <li><a href="/bpsra.html" title="我的世界幸运方块大陆怎么获得"><span>20</span><h3>我的世界幸运方块大陆怎么获得</h3></a></li> <li><a href="/bpsqz.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>