: vertical;
margin负值的运用
如果我们想做出淘宝这样的相邻的边框,该如何实现呢?...但是当我们写完以后会发现,两个相邻的盒子之间的边框会重合,边框会变粗....hover {
/* 不能使用绝对定位,使用后不保留位置,在浮动之上 */
position: relative;
/* 子绝父相...可以看出来,这个红色的部分是由一个长方形的盒子加一个白色的直角三角形组合而成的.
根据我们上次学的,0宽度,0高度,只设置边框,可以得到一个这样的三角形....那么现在只要我们让绿色的高度再大一些,就可以得到一个非等腰的直角三角形了.
再将左边框设置为0:
现在我们只要将上边框的颜色设置为透明,我们就能得到一个直角三角形啦.