0306 HTML&CSS

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将包裹块级的容器向左移动一个边框的距离，即可隐藏。