dwhtml怎么链接css样式表,Dreamweaver使⽤CSS规则设置超
链接显⽰
核⼼提⽰：默认情况下，⽹页的超链接都有固定的显⽰形式。在这⾥，我们可以通过创建CSS的样式来控制超链接⽂本的显⽰。
默认情况下，⽹页的超链接都有固定的显⽰形式。在这⾥，我们可以通过创建CSS的样式来控制超链接⽂本的显⽰。
⼀、使⽤CSS规则设置超链接的显⽰
1. 打开⽂档，然后打开“CSS样式”⾯板。
2. 在“CSS样式”⾯板中，点击右下⾓的“新建 CSS 规则”按钮，打开“新建 CSS 规则”对话框，如下图所⽰：
在“选择器类型”中选择“复合内容(基于选择的内容)”项。
在“选择器名称”中点击右边的下拉箭头，我们可以看到：
a:link：未访问的超链接。
css鼠标点击样式a:visited：已经访问过的超链接。
a:hover：⿏标指针移动到上⾯时的超链接。
a:active：正在访问的超链接。
3. 在“选择器名称”中选择“a:link”项，然后点击“确定”按钮，打开“CSS 规则定义”对话框。
4. 在“CSS 规则定义”对话框中，在“分类”下拉框中选择“类型”，然后在右边“类型”部分设置链接字体的颜⾊、⼤⼩和修饰等。
5. 设置好以后单击“确定”按钮，完成“a:link”项的设置。
6. 重复第3.第4.第5.步的操作，继续设置“a:visited”、“a:hover”和“a:active”项。
7. 全部设置好以后，链接⽂字的效果如下：
基本状态(a:link)
点击后状态(a:visited)
⿏标经过状态(a:hover)
⿏标按下状态(a:active)
8. 在“代码”视图中可以查看设置好的CSS样式源⽂件。代码如下：

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