死証朙萿過 - 博客园

2011年10月12日

自动适应斜角水平菜单

摘要：这个案例中，制作一个带有斜角的水平菜单。它可以适应窗口的宽度的效果如图：<!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" c 阅读全文

posted @ 2011-10-12 10:31 死証朙萿過阅读(137) 评论(0) 推荐(0)

应用滑动门技术的玻璃效果菜单

摘要：效果图<!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" content="text/html; charset=g 阅读全文

posted @ 2011-10-12 10:28 死証朙萿過阅读(270) 评论(0) 推荐(0)

双层滑动门应用

摘要：效果图<!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" content="text/html; charset=g 阅读全文

posted @ 2011-10-12 10:24 死証朙萿過阅读(191) 评论(0) 推荐(0)

2011年10月8日

圆角效果菜单(背景色)

摘要：效果图<!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" content="text/html; charset=g 阅读全文

posted @ 2011-10-08 11:27 死証朙萿過阅读(272) 评论(0) 推荐(0)

跳动的多彩菜单

摘要：效果图<!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" content="text/html; charset=g 阅读全文

posted @ 2011-10-08 11:26 死証朙萿過阅读(140) 评论(0) 推荐(0)

2011年9月29日

摘要：效果图<!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" content="text/html; charset=g 阅读全文

posted @ 2011-09-29 10:56 死証朙萿過阅读(140) 评论(0) 推荐(0)

css_定义链接样式

摘要：定义链接样式 CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是：· :link· · :visited· · :hover· · :active· 因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下：· a:link，定义正常链接的样式；· · a:visited，定义已访问过链接的样式；&# 阅读全文

posted @ 2011-09-29 09:49 死証朙萿過阅读(607) 评论(0) 推荐(0)

最全的CSS浏览器兼容问题

摘要：最全的CSS浏览器兼容问题 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题设置为float的div在ie下设阅读全文

posted @ 2011-09-29 09:34 死証朙萿過阅读(530) 评论(0) 推荐(0)

几种css菜单样式

摘要：竖直排列表菜单（图）<style text="text/css">#nav a{ font-size:12px; height:32px; display:block;}#nav a:link,a:visited{ background:url(bj.gif) no-repeat; color:#FFFFFF; width:120px; height:32px; padding-top:1px; text-decoration:none; text-align:right;}#nav a:hover,a:active{ background:url(bj1.gi 阅读全文

posted @ 2011-09-29 09:29 死証朙萿過阅读(3817) 评论(0) 推荐(0)

2011年9月23日

用CSS实现透视效果

摘要：我们常见的添加阴影效果的方法，用多个div通过偏移来实现，但这需要很多 div，不够理想。随后，想到css的一个属性：border，在border相连接处可以产生对角线效果。这样用两个div就可以实现。首先，我们看看border如何生成的对角线效果，在你的HTML的头部增加以下代码，你就会看到这样的效果。.border{width:0;height:0;border-width:50px;border-color:#f00#0f0#00f#000;border-style:solid;}有了上面的基础，我们就可以用两个额外的div来实现透视效果。一、html代码如下：<divclas 阅读全文

posted @ 2011-09-23 14:06 死証朙萿過阅读(1079) 评论(0) 推荐(1)