css小笔记

倒三角

#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;
    }