如图：   类似这种菱形的不规则导航一般有三种制作方法： 第一种：将LINK和HOVER 两种状态的图片 合成一个CSS Sprite,通过定位，制作出相应的效果； 第二种：是将LINK和HOVER 两种状态的图片分别制作成CSS Sprite，然后分别定位； 第三种：就是用绝对定位； 以上三种方式，都必须要用图片，那么，如何不用图片就可以做出效果呢？ 答案是：用CSS 和 XHTML