设置背景颜色半透明

 时间:2026-04-23 09:19:10

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软件画一只大眼小狗
  • 热门搜索
    电脑蓝屏了怎么办修复 菠萝蜜怎么剥 百香果怎么吃 dear怎么读 第五人格怎么玩 蒜泥怎么做 背带裤的扣子怎么装 胸小怎么变大 粉蒸肉的正宗做法 拉肚子拉水怎么办