六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

css3设置DIv半透明的效果

Admin | 2016-10-1 5:40:47 | ReadNums | 1106 | 标签 网页制作 | 打印本页
     

  拿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>


问题未解决:在线咨询我要在线咨询问题

旺角彩姝同步报码

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日