倒三角
#triangle-down {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
}
蒙层
#fullScreen
{
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.7;
background-color: black;
z-index: 9999;
}
圆形
#circle{
margin-top: 100px;
width:200px;
height:200px;
border-radius:200px;
}
滚动条超出部分
#box {
/* 父容器设置宽度, 并超出部分不显示 */
width: 500px;
height: 300px;
overflow: hidden;
}
#box > div {
/* 子容器比父容器的宽度多 17 px, 经测正好是滚动条的默认宽度 */
width: 517px;
height: 300px;
line-height: 30px;
text-align: center;
overflow-y: scroll;
}