设置背景颜色半透明

 时间:2024-11-03 09:47:21

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软件画一只大眼小狗
  • 热门搜索
    低碳生活手抄报内容 小学生文明礼仪手抄报 清明节手抄报大全漂亮 尊师手抄报 中秋手抄报内容 心理健康手抄报花边 儿童节手抄报内容大全 成长的足迹手抄报 五一节手抄报 六一儿童节手抄报简单