js控制元素的显示与隐藏
做出来的效果是这样子的
思路大体上是这样的:图形其实是由两部分构成,上边是一个正常的div矩形,设置想要的背景色;第二个部分的三角形,把div宽高设置为0,给每个边框单独设置宽度、类型和颜色,把右边和下边的颜色设置为transparent透明,这样就看起来是一个三角形了。要是角度不是自己想要的,可以再调整上下边框的宽度,直到合适为止。
用css3的线性渐变