用户登录  |  用户注册
首 页源码下载网络学院最新源码源码排行屏蔽广告
当前位置:新兴网络 > 网络学院 > 网页制作 > CSS
网络学院标题关闭所有内容预览 | 展开所有内容预览
  • [图文] IE6 CSS高度height:100% 无效解决方法总结 [内容预览] 6443 | 2012-08-27
    上面红色部分为 height:100%; 自动拉伸到与父元素一样的高度。 在IE7 8 FF 等浏览器中通过position:absolute;可以使height:100%;正常显示,IE6下无效。 方法一: 使用CSS嵌入JS来实现。 _height:expression(...

    [阅读全文]

  • DIV+CSS实现盖楼爬墙式评论效果 [内容预览] 320 | 2011-06-30
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>DIV+CSS实现盖楼爬墙式评...

    [阅读全文]

  • 纯CSS实现图片幻灯片效果 [内容预览] 1664 | 2011-01-25
    纯CSS实现图片幻灯片效果,只是不能自动切换,用鼠标点击能切换。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.o...

    [阅读全文]

  • CSS边框高度自动适应 [内容预览] 1401 | 2011-01-21
    CSS边框高度自动适应,曾经被这个问题搞的焦头烂额,后来到网上求助才解决,只加了一个清除浮动就解决了,从此对清除浮动不敢低看了,呵呵。就是这句: overflow:hidden; zoom:1; 以后可以注意了呢。 <!DOCTY...

    [阅读全文]

  • 纯CSS代码实现鼠标指向图片放大效果 [内容预览] 931 | 2011-01-21
    没有用到Javascript代码,纯CSS代码实现鼠标指向图片放大效果。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:...

    [阅读全文]

  • CSS 实现删除线以及删除线与文本不同颜色 [内容预览] 1372 | 2010-12-25
    删除线用一下这个CSS样式即可实现。 text-decoration:line-through; 示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htm...

    [阅读全文]

  • CSS Fliter滤镜实现多种图片特效 [内容预览] 266 | 2010-12-18
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Fliter滤镜实现多种图...

    [阅读全文]

  • 纯CSS实现尖角提示框效果 [内容预览] 1782 | 2010-12-04
    没有使用任何图片,纯CSS实现带箭头的提示框效果。方框大小可以自动适应文件长度。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...

    [阅读全文]

  • a 标签结合CSS模拟按钮效果 [内容预览] 2376 | 2010-11-28
    a 标签结合CSS模拟按钮效果,里面只用了一张图片,利用CSS将图片进行分割,实现了鼠标指向变换背景特效。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...

    [阅读全文]

  • CSS 实现全站变成灰色 [内容预览] 210 | 2010-11-16
    利用CSS使网页上所有的图片以及文件全部变成灰色。 CSS代码如下: *{FILTER: gray;} 示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...

    [阅读全文]

  • 纯CSS实现三角块形状 [内容预览] 199 | 2010-11-16
    <!doctype html><html><body><h2>看看这个例子就会明白所谓“三角边”了</h2><div style="border-width:40px;border-style:solid;border-color:red green black blue;line-height:0;font-size:0;width:100px;height:...

    [阅读全文]

  • 几个很漂亮的Button按钮CSS样式 [内容预览] 17137 | 2010-11-04
    几个美化的按钮CSS样式,有渐变、动感等效果,挺好看的。 <html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>几个很漂亮的Button按钮CSS样式</title><style>.btn{ border...

    [阅读全文]

  • CSS span标签的宽度固定方法 [内容预览] 768 | 2010-11-04
    通过一下代码试验以后发现无效,无论是在Firefox还 是IE中都无效 。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns...

    [阅读全文]

  • Opera CSS Hack方法以及FF、IE6-8 Hack [内容预览] 1170 | 2010-10-03
    整理的几种浏览器的CSS hack 方法,如有什么不对的地方欢迎指出。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht...

    [阅读全文]

  • 纯CSS实现扑克牌效果 [内容预览] 209 | 2010-09-18
    没有调用任何图片,纯CSS实现,为了演示方便,这里用的JavaScript代码主要是控制扑克牌的切换。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><h...

    [阅读全文]

  • 纯css制作倾斜的导航菜单 [内容预览] 377 | 2010-09-12
    纯CSS制作的菱形倾斜效果,可以根据你的喜欢适当更改,会有更多效果。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h...

    [阅读全文]

  • CSS+DIV实现圆角按钮效果 [内容预览] 4156 | 2010-09-04
    方法相对精简的CSS圆角效果,代码确实不多,而且圆角效果特别好,有金属的质感,大家完全可以把圆角定义成类,随时用随时调用。 <html><head><title>纯css实现圆角按钮</title><style type="text/css">.a{float:lef...

    [阅读全文]

  • 纯CSS 边框圆角效果 [内容预览] 211 | 2010-09-02
    效果很确不错,没有使用任何修饰图片,可以变通研究一下。 <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS圆角</title></head><style type="text/css"> body { ba...

    [阅读全文]

  • CSS 完美兼容图片边框阴影效果 [内容预览] 1510 | 2010-08-29
    主要使用了CSS滤镜+CSS3兼容各种浏览器,代码简单实用。 浏览器支持情况: Firefox 3.5+ Safari 3+ Google Chrome Opera 10.50 Internet Explorer 5.5 <html><head><title>CSS图片阴影效果</title><style...

    [阅读全文]

  • 纯CSS实现百分比柱状图效果 [内容预览] 250 | 2010-08-25
    很实用的CSS功能,这里主要是用CSS控制平铺的背景,达到柱状显示的功能,你可以试着更改这些参数,看有什么美妙的变化。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/x...

    [阅读全文]

  • 纯CSS实现图片弹出显示效果 [内容预览] 1707 | 2010-08-23
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Lightbox效果</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 1...

    [阅读全文]

  • CSS 实现表格对角线 [内容预览] 360 | 2010-08-06
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-T...

    [阅读全文]

  • 一款很不错的纯CSS下拉菜单 [内容预览] 370 | 2010-08-05
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-T...

    [阅读全文]

  • CSS的查找匹配原理解析 [内容预览] 105 | 2010-08-04
     用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS: DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,...

    [阅读全文]

  • CSS 鼠标经过图片黑白变彩色效果 [内容预览] 992 | 2010-07-21
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type...

    [阅读全文]

  • 编写CSS的4个良好习惯 [内容预览] 126 | 2010-06-23
    从事网站前台WEB制作的朋友都知道,如今CSS已经成为网页布局不可缺少的一部分了,虽然还有不少网站制作公司在使用TABLE制作网站,但是在制作过程也免不了使用CSS,那么如何书写CSS让后期维护时更加轻松呢? 一、在样...

    [阅读全文]

  • [图文] CSS3太强悍了,有图有真相 [内容预览] 379 | 2010-06-22
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; ch...

    [阅读全文]

  • 纯CSS打造精美网站导航菜单 [内容预览] 732 | 2010-06-20
    这是一款是仿猪八戒首页的导航菜单,效果可以说非常漂亮、精致。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt...

    [阅读全文]

  • CSS打造DIV各种边框样式 [内容预览] 1574 | 2010-06-08
    <html><head><title>CSS实现DIV各种边框样式</title></head><body> <p style="border-style:none">无边框</p> <p style="border-style:dotted">点线式边框</p> <p style="border-style:dashed">破折线式边框</p> <p ...

    [阅读全文]

  • [图文] CSS 3 border-radius实现DIV圆角 [内容预览] 209 | 2010-05-21
    CSS3.0 border-radius来实现圆角DIV 页面中圆角的实现是个很头疼的问题,虽然现在有很多种实现方法,但是都是比较麻烦的。在本文中,让我们看看如何使用CSS3 border-radius来实现圆角DIV。 跨浏览器兼容性 并不是...

    [阅读全文]

总数:3430 上一页1 2下一页