设置背景颜色半透明

 时间:2026-02-14 15:55:52

1、打开软件,如下图所示;

设置背景颜色半透明

2、创建一个HTML页面;

设置背景颜色半透明

设置背景颜色半透明

3、在body里面写如下代码;

  <body>

    

    <h1>只是我的执着依然执着</h1>

    <div id="bac"></div>

    <h2>红色</h2>

    <div id="red"></div>

    

  </body>

设置背景颜色半透明

4、在样式里面写如下代码;

<style type="text/css">

 #h{

opacity:0.55;

filter:alpha(opacity=55); 

 }

 #bac{

width:500px;

height:300px;

background:red;

position:absolute;

top:0;

left:0;

opacity:0.5;

filter:alpha(opacity=55); 

 }

 h1{

position:absolute;

top:110px;

left:90px; 

 }

 #red{

float:right;

background:red; 

width:500px;

height:300px;

 }

 h2{

position:absolute;

 top:110px;

 left:1220px;

 }

</style>

设置背景颜色半透明

设置背景颜色半透明

5、运行结果如下,对比;

设置背景颜色半透明

  • Adobe Photoshop CS6如何更改外观主题色
  • 西藏高原传统的风俗习惯 嘎玛日吉
  • 如何制作彩色光盘页面?
  • ps里如何使用最小值效果
  • 使用AI软件画一只大眼小狗
  • 热门搜索
    腌辣椒最好吃的做法 腌制腊肉的做法大全 iphone怎么设置自定义铃声 扬州狮子头的做法 岐山臊子肉的做法 白菜的家常做法 蛋糕做法电饭煲 中药怎么熬 干鲍鱼的家常做法 夜王为什么不杀山姆