当前位置:CSS中国 > DIV+CSS实例 >
  • [DIV+CSS实例] 如何用CSS实现DIV内容垂直居中 日期:2010-01-06 21:27:12 点击:401

    在 CSS网页布局 中,会频繁使用DIV层控制内容布局,很多时候我们要求DIV层中内容居中显示,并且多数是在有高度的情况下,或者DIV高度不定的情况下才用,看上去比较舒服,而且实现...

  • [DIV+CSS实例] 用CSS使图片更加多彩五种方法 日期:2010-01-05 21:57:51 点击:146

    CSS代码为图片打造绚丽多彩的效果,1、阴影效果。2、双边框效果。3、图片外框效果 。4、水印效果。5、为图片添加说明文字。 1, 阴影效果. 通过使用带有一些padding之的背景图来添加...

  • [DIV+CSS实例] CSS实例:导航菜单 日期:2010-01-04 15:22:44 点击:289

    两个 CSS 创建的导航菜单的例子 现在使用CSS+ XHTML 制作网页,通常网页需要导航,导航通常有两种:水平和垂直。 1.垂直导航的例子 (1)CSS文件:(保存为vertical.css) h1, h2 { font: normal 200%/...

  • [DIV+CSS实例] 超酷实用的竖排导航栏 日期:2010-01-04 14:45:08 点击:369

    CSS+HTML 实例,超酷实用的竖排导航栏 div id = navcontainer ul id = navlist li id = active a href = www .csschina.net id = current Itemone / a ul id = subnavlist li id = subactive a href = www .csschina.net id = subcurrent Subite...

  • [DIV+CSS实例] 几款CSS做的圆角边框 日期:2010-01-04 01:00:07 点击:613

    css 做的圆角,一般圆角框最好用背景图片实现,这样兼容性好,css也可以实现,不过有些限制,因为各个浏览器支持的标准不一样。 并且可以自动自动适应内容大小。 style type = text/...

  • [DIV+CSS实例] JS控制DIV层显示与隐藏 日期:2010-01-03 15:58:53 点击:1650

    用JS控制DIV层的隐藏与显示。页面中有三个 DIV 层,三个超级链接,实现的功能是点击一个链接,显示相应的DIV层,同时隐藏另外两个DIV层。 实例代码如下: 示例一 html head script type =...

  • [DIV+CSS实例] CSS DIV网页设计中id和class区别 日期:2010-01-02 21:58:19 点击:338

    class是设置标签的类 id是设置标签的标识 class属性用于指定元素属于何种样式的类。 如样式表可以加入 .csschina{color:lime;background:#ff80c0}使用方法:class=csschina id属性用于定义一个元素的独...

  • [DIV+CSS实例] 用透明图片实现css圆角的效果 日期:2010-01-01 10:24:07 点击:690

    本例是用gif图片实现 css圆角 图片的效果。 原理:采用一个圆角中间透明的gif图片欺骗,然后把所要调用的图片用css的background,通过调用背景图片的方式实现,实例效果如下 !DOCTYPEht...