摘要：如图为jd的广告页面 如果想给每个盒子加上美观的border，实现如下效果 如果给每个li加border的话盒子就会被撑开，则依照浮动特性一行就容纳不下4个li,li会自动掉下来。这时，可以给ul一个宽度，li就不会掉下来，如下图所示 这时，刚好ul会比外面的盒子高几像素和几及像素（如果不清除浮动u 阅读全文

摘要：盒子的margin用法大家都应该很清楚，在实际中一般使用margin来水平居中或者让自己移动相应的位置，但是margin给负数在实际中也是有用的。 如图为两个浮动的盒子。 给左边的盒子margin-left: -50px;后如图所示 如图，蓝色盒子移动了，但是粉色盒子自身只是被压住了，并没有移动。 阅读全文

摘要：当给几个大小一样有boder的盒子浮动时，会出现margin自动加起来的结果。 此时可以给每个盒子一个margin-left:-border的长来实现很好的效果，这样右边的盒子会把左边盒子的右边border压住，如图所示。 还可以使用伪元素实现动态效果，代码如下。 阅读全文

摘要：博主使用了纯HTML和CSS实现了JD的轮播图，没有加动态效果，主要是使用了定位的知识。 ，如图为两个侧边箭头图片(其实实际中应该使用CSS3的图标字体，这里没有使用)。 实现了如下效果 阅读全文