1.利用border制作菜单的小三角具体方法:
.triangle{
width:0;
height:0;
border-top:6px solid transparent;
border-bottom:6px solid red;
border-left:6px solid transparent;
border-right:6px solid transparent;
}
tips:上述代码最终显示为一个见教朝上的红色三角形,用四种颜色分别给四个边设定颜色,可以看到四个三角形拼成的矩形。对3条边设定透明色transparent,即可隐藏3个三角形。
2.多个块排列,块与块之间我们常常设置边框,这样我们视觉上可以区分不同的区域。但是,一般靠边左边的块,我们希望左边不显示边框,靠右边的边框不显示右边框。
正常思维是,将靠边的块进行特殊设定,但这样在数量很多的时候,很浪费时间。
可以通过容器去覆盖隐藏,首先设定最外层的容器overflow:hidden,然后用margin将包裹块级的容器向左移动一个边框的距离,即可隐藏。