html< div>标签透明样式-教程|广告联盟|广告推广|免费资源|免费下载|网络技术|原创文章|博客|NAS教程|网络工具|软件LaokNas网络技术笔记

方法一，通过opacity设置透明度，div上的文字也透明：opacity: 0.5;

<head>
<style>
/* 通过opacity设置透明度 */
.div_touming{
    margin:0 auto;
    text-align:center;
    line-height:200px;
    width:200px;
    height:200px;
    background-color:#000fff;
    opacity: 0.5;
}  
</style>
</head>     
<body>
<!-- 透明div方法一 -->
<div class="tm1">通过opacity设置透明度，div上的文字也透明：opacity: 0.5;</div>
</body>

透明div方法二，通过rgba设置透明度，div上的文字不透明：background-color:rgba(255,255,0,0.5);

<head>
<style>
/* 通过rgba设置透明度 */
.div_touming{
    margin:0 auto;
    text-align:center;
    line-height:200px;
    width:200px;
    height:200px;
    background-color:rgba(255,255,255,0.5);
}
 
</style>
</head>
 
<body>
<!-- 透明div方法二 -->
<div class="tm2">通过rgba设置透明度，div上的文字不透明：background-color:rgba(255,0,0,0.5);</div>
</body>

1 本网站名称：LaokNAS网络技术
2 本站永久网址：https://www.laoknas.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ806666754进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END