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　　的应用对象暂时不保留也不渲染该对象