灰色会换色MAC官方菜单纯CSS实现

2024-09-05 12:20:29

字体：大中小

来源：转载

供稿：网友

MAC官方网站的菜单,实际上是看着好看,但看了代码感觉不太实用,因为为了实现这么一个效果代码太繁琐,而且菜单修改起来也极不方便,建议大家以学习的态度阅读源码.请注意里面的背景图片是png透明，所以必须在 li 中设置颜色以挡住 ul 的背景图与 a 的背景图重复叠加。

<!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.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>MAC菜单</title><style type="text/css"></style></head><body><div id="nav">	<ul>	<li class="n01">index</li>	<li class="n02">Store</li>	<li class="n03">Mac</li>	<li class="n04">iPod + iTunes</li>	<li class="n05">iPhone</li>	<li class="n06">Downloads</li>	<li class="n07">Support</li>	</ul></div></body></html>

上一篇：图片交换技术制作CSS鼠标悬停菜单

下一篇：CSS+Js遮罩效果的TAB及焦点图片切换