CSS 制作三角形 以及 display 、 visibblity属性含义

纯css 制作三角形

.box1{
    width:0;
    height:0;
    top:-10px;
    left:15px;
    position:absolute;
    border-style:solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #0CF;    
}

1.display:visibility 　　的应用对象无论值为何，浏览器都会加载生产此对象的dom结构.

2.visibility:hidden　　的应用对象只保留并渲染该对象的尺寸

3.display:hidden　　的应用对象暂时不保留也不渲染该对象