当前位置：首页 -> 网页设计 -> HTML/CSS -> 给你的网页加上两种以上的文字链接效果

给你的网页加上两种以上的文字链接效果

时间： 2021-07-31 作者：daque

很多人大概学会了还好吗使链接笔墨随鼠圈点击状况变换而变换的功效，这是css的运用功效，大概你只领会树立一种状况，比方鼠标放在笔墨上方，笔墨变为赤色。但如许是所有页面都是如许的一致功效，但有没方法在一个页面中有多种功效呢？比方页面中有两个笔墨链接，咱们想个中一个当鼠标放上去的功夫是赤色，另一个则是黄色。谜底是确定的。即使手写代码，也不过几行罢了。商量到此刻大普遍人都在运用dreamweaver，底下咱们以在dreamweaver4中谈谈怎样做这种功效。

1：翻开dreamweaver，兴建一文献，做两个带链接的笔墨。 2：shift+f11，翻开css styles遏制面板，兴建一use css selector，须要提防的是，你采用use css selector再采用a:hover，并没有展示上海图书馆的功效，本来本领即是在这边！咱们手动把a:hove改成a.one:hove，也即是在a的反面加上一个点与名字（可大肆英文，不许是数字）。树立好后点ok 3：在弹出的style definition for one.a:hover面板中树立你要的功效，这边咱们采用字体的脸色为赤色。树立完后点ok 4：反复第2、3步，第2步须要窜改的场合即是把a.one:hover该回a:hover(即是径直选中a:hover就可。第3步须要改的即是字体的脸色了，咱们树立为黄色。 5：此刻预览还没有功效，咱们还须要动点小手术，咱们来看看树立完后的css styles遏制面板，如次图，内里会展示个one 6：在页面当选中个中你想要当鼠标放上去的功夫是赤色的链接笔墨，再在css styles遏制面板顶用鼠标选中one 7：此刻你的页面仍旧有两种功效了。归纳：依照之上论理，咱们不妨做出无穷个笔墨链接功效，要害是在乎a:hover a:active a:link a:visited的窜改罢了，前方引见的不过a:hover，本来其余三个一律不妨。只有参照第2步的树立就不妨轻快的搞定。

给你的网页加上两种以上的文字链接效果

相关推荐

推荐下载

热门阅览

最新排行