倒三角显示效果可以隐藏更多的内容，这点可以充分利用页面有限布局，而且效果很时尚，有需要的朋友可以借鉴一下，或许可以打造出意想不到的效果，感兴趣的你可不要错过了啊，好了话不多说，切入正题

复制代码代码如下: .b{ position: absolute; z-index: 2; width: 0; height: 0; line-height: 0; font-size: 0; border-width: 5px; /*如果想改变倒三角形的大小,就改变这里的像素值*/ border-style: solid; border-color: #666 #fff #fff #fff; /*如果倒三角形的父元素背景不是白色,就把后面三个#fff改为对应的背景色*/ top: 13px;