Dzwebs.Net

撰写电脑技术杂文十余年

css3设置DIv半透明的效果

Admin | 2016-10-1 5:40:47 | 被阅次数 | 5904

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  拿CSS3来设置元素的透明度,可以使用opacity这个属性,下面先看样例吧。如下图。


  到底如何设置呢?请看下面的相应的代码。

  一、CSS代码

  <style>
  #DIV1 {
      border: 1px solid black;
      background-color: yellow;
      width: 200px;
      height: 100px;
      position: relative;
      top: 80px;
      left: 20px;
      padding: 5px;
  }
  #MyDIV {
      border: 1px solid black;
      background-color: lightblue;
      width: 200px;
      height: 100px;
      position: relative;
      left: 50px;
      top:50px;
      padding: 5px;
      opacity:0.6;
  }

  二、DIV元素

  <div id="DIV1"><br><br>未设置透明度的DIV元素。</div>

  <div id="MyDIV" ><br><br>已设置透明度的DIV元素。</div>


该杂文来自: 网页制作杂文

上一篇:CSS3宽度自动调整

下一篇:css3 div画左半圆

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计