网络学院标题关闭所有内容预览 | 展开所有内容预览
-
[图文] 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。 跨浏览器兼容性 并不是...
[阅读全文]