如何在同一页面中制作不同的文字链接效果
福建工业学校计算机专业科  郭新春
在制作网页的时候，有时需要在同一页面中显示不同的文字链接效果，其实这并不难做到，我们可以利用样式的“ID选择器”功能来实现。“ID选择器”使用HTML元素的ID属性，将一个样式应用到网页中的独立元素上。下面我们以Dreamweaver MX环境下设定链接的link状态来说明实现方法。
1．在Dreamweaver MX中新建一网页，并定义三个链接。
2．打开 “设计”面板，选择“CSS样式”选项卡，选中“编辑样式”单选钮，再单击“新建CSS样式”按钮。
css特效文字
3．在“类型”中选择“使用CSS选择器”，在“选择器”中输入“#a1:link”，其中“#”是ID选择器的标记，选中“仅对该文档”单选钮，单击“确定”按钮，根据需要设定样式。
4．按同样的方法定义#a2:link，#a3:link。
5．单击页面中的第一个链接，再在标签选择器的<a>标签上右击鼠标，选择“设置ID→a1”。进入代码视图，你会发现，链接标签变成<a href="#" id="a1">。
6．设置其它两个链接的样式。
7．按F12预览网页，这时有三种文字链接效果同时出现在一个页面上。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。