1.边框紧靠变粗,用margin负值,让第二个框压上去

常见布局技巧常见布局技巧

2.鼠标 经过边框变色,因为之前压住了,所以有的边框只能显示三边

常见布局技巧

有两种解决方案

常见布局技巧

总结

常见布局技巧

3.利用浮动压不住文字

常见布局技巧

 

4.行内块元素的巧妙运用,给父亲设置text-align:center

里面的元素自动居中对齐

常见布局技巧

5.强化三角

把上宽拉高,只有右边保留颜色,得到一个蓝色这样的直角三角形

常见布局技巧

6.CSS初始化

常见布局技巧

 

 

相关文章: