html ‘div’标签透明样式

透明div方法一,通过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>
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片