一、CSS
@charset "UTF-8"; div{ margin: 10px; } #div1{ background-color:rgb(255,0,0); width: 240px; height: 120px; opacity:0.6 ;/*opacity会作用于内容和元素,而rgba的透明度则只作用于元素*/ } #div2{ width: 240px; height: 120px; background-color: rgba(255 ,0 ,0, 0.6); cursor: wait;/*设置鼠标样式*/ outline: green 2px solid;/*轮廓*/ } /*备注: rem:相对于根元素为基准 em:相对于父元素为基准 display常用值: none 元素会被隐藏 block显示为块元素,可以换行和设置宽高 inline行内元素,大小自适应,不可换行 inline-block可以设置大小,不可换行 */
二、效果展示
/*鼠标样式没有截出来*/