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...

<!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。跨浏览器兼容性并不是...

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

[阅读全文]

栏目导航

本类热门