CSS Note 2.4 其他常用元素

一、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可以设置大小，不可换行
*/

二、效果展示

/*鼠标样式没有截出来*/