我校常年开设以下班级，随到随学，学不会下期免费重学。
凡是脱产大专班学员都享受3000元助学金！
[长税脱产大专班]、[二年制高职班]、[一年制专业班]、[函授班]、[网页设计班]、
[维修+网络班]、[平面设计班]、[效果图制作班]、[影视制作班]、[多媒体开发班]、
[二维动画制作班]、[三级动画制作班]、[计算机等级考试辅导班]、[半年制专业班]
咨询电话：0439-3323581、0439-3312167
上一篇
下一篇
Dreamweaver凸起菜单轻松做
作者:爱思鱼 日期:2008-06-06
平时浏览网页的时候，有很我网站把链接或是按钮做成当光标没过时，变成另外的样子，比如下图这样的凸起状。当然这图不是网页，但是今天爱思鱼要用最简单的方法实现这个功能。
我只是抛砖，只做到效果，不做到多么美观，要想美观还得自己多琢磨。
OK.开始，启动Dreamweaver》创建一个标准的HTML文档》Shift+F11打开CSS面板》创建新样式表
在弹出的新那家CSS规则对话中》选择器类型：高级；选择器：a:hover；定义在：仅对该文档（因为只讲一个实例所以选择这个，如果想制作网上的话，则要选择[新建样式表文件]）
解释一下选择器中的四个状态:
a:link 这里a就是链接的状态，在HTML语言中a标签就是链接的意思。link就是正常的链接状态
a:visited 就是访问过的链接
a:hover 变换图像链接，光标停在链接上，一般光标会变成小手状，这里可以设置网页中链接文字的状态
a:active 当前活动链接，按Alt+Tab可以把焦点移动到某个链接上
对应
选择左侧列表中的背景》在右侧背景颜色中任意选择一种颜色》确定
（文章开始那张图片上的效果可以通过设置背景图像的办法实现）
在页面中插入表格》在单元格中输入文字并创建链接(链接地址可以随便)
按F12在浏览器中预览下
不对呀，这背景色怎么才有半截长呢？其实这就对了，因为，咱们在创建样式表的时候就选择的a，a代表链接呀，所以只有链接文字下面有背景色了，当然还得是把光标放在上面才行。那有没有办法让背景色变成一长条呢，当然有，不然爱思鱼也不会在这说这半天了。
选择拆分视图》在代码中找到a:hover（这部分前面说过，是当光标放置在链接文字上的状态）》把a改过td，也就是td:hover，td是什么，是单元格呀。
再按F12看看效果
其实，那个a可以改成任意Html标签，这个可以自己尝试一下。
如果在创建Css样式表的时候不选择背景色，而是选择背景图片的话，效果很可能就不一样罗。
这就是那张图片
文章来自: 
引用通告: 
Tags: