摘要：
在CSS中，背景图片的定位方位有3种： 1）关键字：background-position: top right; 2）像素：background-position: 0px 0px; 3）百分比：background-position: 0% 0%;上面这三句语句，都将图片定位在背景的左上角，表面上看效果是一样的，实际上第三种定位机制与前两种完全不同。前两种定位，都是将背景图片左上角的原点，放置在规定的位置。请看下面这张图，规定的位置是“20px 10px”和"60px 50px"，都是图片的原点在那个位置上，图中用X表示。但是第三种定位，也就是百分比定位，不是这样。它的 阅读全文
摘要：
IE6下不支持li的伪类,需要特殊设置,下面代码修正了对IE6的支持(fuck you IE),并且实现了菜单项的多彩<!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=&qu 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>使用双层滑动门实现三态玻璃效果菜单</title><style t 阅读全文
摘要：
本例在CSS中使用"滑动门"技术设置玻璃材质背景的水平导航菜单,代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><titl 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>自适应的斜角水平菜单</title><style type="text/css">.menu {font-family:Arial;font-size:14px;}.menu a,.menu a:visited {displa 阅读全文
摘要：
用CSS制作带箭头的菜单主要是实现箭头,下面为代码:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>箭头菜单</title&g 阅读全文
摘要：
为图片添加阴影可以是图片看起来精致很多。在图片处理软件中，为图片添加阴影效果是非常容易实现的功能，然而如果为每张图片都要去用软件处理，显然是很麻 烦的，而且如果有一天要去掉水印，又要重新处理图片。下面介绍在不改变图片本身的情况下，通过CSS来实现阴影效果。本方法是墨西哥设计师Sergio Villarreal 2004 年发明的。常规方法，代码示例如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t 阅读全文