-
![图片水平、垂直居中代码]()
一个典型实用的CSS布局实例，CSS实现图片的水平居中、垂直居中，在Div区块内，图片是未知宽高。不论使用何种尺寸的图片，它都会居中于DIV中，虽然代码有点多，但是兼容性方面做的挺好。 2018-07-24 414 0 0 0 -
![碎片样式文章列表布局]()
碎片样式文章列表布局，碎片布局可能有些朋友还不太明白，意思就是说，不是很整齐的新闻列表，有的长、有的短，组成整体的一个区域，在各大门户网站的首页，几乎都能看到这种布局的效果，它的好处是可有效利用网页 2018-07-24 439 0 0 0 -
![CSS元素重叠定位布局]()
-
![图文混排，CSS布局代码]()
CSS常用布局之，左图右文，文字可自动适应图片的大小，以前给大家发过，不过看了一下代码，有些不一样，所以再把这个发上来，也算是学习CSS了吧。 2018-07-24 504 0 0 0 -
![带箭头阴影的提示框【CSS代码】]()
带箭头阴影的提示框，CSS代码，很佩服作者的思路和水平，不过IE8下好像不兼容，似乎看不到效果，火狐、Opera等都可以，不要小看那个小箭头，对CSS不熟悉的朋友，还真是有点不好捣腾。 2018-07-24 512 0 0 0 -
![自适应宽度的Tab]()
可以自适应网页宽度的TAB导航栏，只是一个样式，没有加入JS动作，因此还不能作为真正的Tab来使用，主要是给CSS新手一个布局方法的参考，JS可以自己试着去加，做出更好看的特效 2018-07-24 513 0 0 0 -
![CSS制作半透明效果]()
CSS制作半透明效果，让您掌握filter中alpha的用法，在本示例中，最低层的是一张图片，上边是一个透明度被定义为60%的Div层，层内是文字，因为是不是100%透明，因此可以看到下层的图片，形 2018-07-24 469 0 0 0 -
![CSS仿以前淘宝首页的CSS列表布局效果]()
仿淘宝首页的CSS布局效果，现在淘宝改版了，看不到这效果了，不过觉得还是挺有用的，做起来也并不复杂，主要是在背景图片的处理上，用CSS定义背景图片的使用区域，可以把众多用到的背景图片制作在一起，这样 2018-07-24 635 0 0 0 -
![css模拟阴影和小三角提示框]()
css模拟阴影和小三角，tip提示效果，用面向对象的思想去书写css,用面向对象的心态去书写css。那个提示的小三角是代码的亮点，也是核心，用纯CSS代码实现，模拟阴影的原理： 1、用一个层做背景层 2018-07-23 400 0 0 0 -
![等宽的CSS Div格子堆砌，瀑布流的布局]()
用CSS布局等宽的Div格子堆砌在一起的效果，自动适应，网人有人把它叫做“瀑布流”的布局，因为整体看上去第一个Div块就像流水的瀑布一样，紧挨着堆砌在一起，是学习CSS定位的好范例。 2018-07-23 450 0 0 0 -
![自适应垂直居中，CSS代码]()
自适应垂直居中的Div窗口，纯CSS代码实现，用纯CSS的方法演示如何让一个div+css自适应剧中布局，代码认真的看一下，你就学会了这套方法。 2018-07-23 457 0 0 0 -
![LIGHTBOX示例，弹出层]()
实用的网页弹出层，Lightbox弹出层实例，通过这个演示代码，你会学习到如何在网页上添加一个弹出层，相对来说，本款代码很简洁，生手更容易上手调试。 2018-07-23 382 0 0 0 -
![纯CSS做的Logo效果]()
纯CSS做的Logo效果，一个练习CSS布局水平的好范例，兼容火狐和IE浏览器，唯一不能满意的是没有加入渐变效果，也希望高人能完善这个效果。 2018-07-22 384 0 0 0 -
![CSS垂直居中完美实例]()
CSS垂直居中完美实例，这是一个教程的最终效果，兼容性做的挺好，在各大浏览器下表现不俗，同时，垂直居中也是大家经常用到的小技巧，希望通过这个小例子让你牢固掌握CSS的垂直居中技巧。 2018-07-22 490 0 0 0 -
![采用em标签制作的列表三角形标号]()
本代码是采用em标签制作的列表三角形标号效果，除了使用em制作外，其实用dIV也可以完成，不过在本代码中，主要是采用em制作，希望可以帮助CSS爱好者可拓一下思路。 2018-07-22 424 0 0 0
站长推荐
