分类: CSS布局实例预览模式: 普通 | 列表

超漂亮的多层树形下拉菜单css+div

   蓝色上taotaoyx共享的一个树形菜单,很好看也很实用。

阅读全文...

Tags: 树形菜单导航div+css菜单

分类:CSS布局实例查看次数: 188评论: 1

CSS三列等高布局

   最近逛蓝色,又看到很多对三列等高布局的讨论,迅雷的面试题又被翻了出来,腾讯的内部试题也有对三列等高的考核。纯css,不使用图片、脚本、CSS hacks并在最严格的XHTML 规范中都能通过验证的三列等高布局实现起来并不容易。看到一篇Ruby's Louvre翻译自Matthew James Taylor的文章能达到上面的要求。

阅读全文...

Tags: css三列等高布局css布局等高

分类:CSS布局实例查看次数: 463评论: 2

CSS圆角实例

   不用图片实现圆角的方式很多,网上很多文章都有探讨。我写的这个最普通,兼容性很好,但是缺点不少:不够灵活,重用性不强,有锯齿,最要命的是有一堆无意义的标签。发出来大家看下效果和实现原理。

阅读全文...

Tags: css圆角div+css实例css实例

分类:CSS布局实例查看次数: 293评论: 0

ul li模拟圆角表格实例

  这两天和表格纠结上了...工作需要做表格,但是不想重复相同的方法,前两天用dl dt dd,今天用ul li做个圆角表格,圆角用了背景图片。再次声明:数据输出型的表格不推荐使用div+css。测试浏览器:IE6\IE7\IE8\FF3.0\Opera 9.6

Demo

CSS

阅读全文...

Tags: ulli表格div表格div+css布局实例

分类:CSS布局实例查看次数: 356评论: 0

dl dt dd模拟表格实例

   div+css再牛*也无法完全取代table,很多时候还是需要用到表格,这里就不探讨孰优孰劣,什么时候要用表格什么时候用div了。随便搜下,几十万条。贴出dl dt dd模拟表格实例,不推荐在实际项目中使用,可以了解dl dt dd的用法。测试浏览器:IE6\IE7\IE8\FF3.0

阅读全文...

Tags: dldtdd制作表格dl表格dldtdd使用

分类:CSS布局实例查看次数: 326评论: 2

复古纯css横向下拉菜单

    两张背景图片纯css实现,测试浏览器:IE6, IE7, IE8, Firefox, Opera, Google Chrome and Safari(PC)。

  

阅读全文...

Tags: css菜单css导航纯css下拉菜单

分类:CSS布局实例查看次数: 322评论: 0

纯CSS纵向下拉菜单

  纯css下拉菜单列表,无hack,无IE判断,无table,无JS。测试浏览器   IE6、IE7、IE8、FF3.0

 (转载注明出处)

 

  [点击查看效果]

 

 

阅读全文...

Tags: css菜单纯css菜单下拉菜单

分类:CSS布局实例查看次数: 497评论: 4
网上搜罗的一个常见的图文列表,外国人写的。学习下。

阅读全文...

Tags: css布局实例div+css图文混排css图文常用图文混排

分类:CSS布局实例查看次数: 360评论: 0
   搜狐新闻中心,左边栏图文列表:
  
  

阅读全文...

Tags: css布局实例div+css图文混排css图文搜狐css常用图文混排

分类:CSS布局实例查看次数: 467评论: 3

兼容IE6的纯CSS级联菜单

  忙中偷闲写了个纯css级联菜单,测试浏览器:IE6、IE7、IE8、FF3.0。

阅读全文...

Tags: css级联菜单css菜单

分类:CSS布局实例查看次数: 314评论: 0
   今天写一个淘宝网首页最下面的图文列表。这种css衣柜在很多网上商城都有用到。先看效果:

阅读全文...

Tags: div+css布局实例图文混排css排版淘宝网图文混排

分类:CSS布局实例查看次数: 680评论: 0
   图文混排是网页的重要组成部分,什么样的结构符合语义,什么样的css最简洁?刚开始接触div+css的时候,一定会为使用什么样的标签来实现想要的图文效果而苦恼。这时候,我们不妨看看国内一些大的门户网站是怎么做的。下面是腾讯的做法,写出来大家一起学习。

阅读全文...

Tags: div+css布局实例图文混排css排版

分类:CSS布局实例查看次数: 842评论: 0