清楚css超链接样式 css设置超链接的四种状态

Dreamweaver使用CSS规则设置超链接显示

点击状态（Active）：当链接被点击后的状态。已访问状态（Visited）：已经被访问过的链接的状态。Dreamweaver可以通过CSS样式来设置超链接的不同状态，并且可以自定义链接颜色、字体等属性，以使页面更具吸引力和易读性。

10年积累的成都网站设计、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有青山免费网站建设让你可以放心的选择与我们合作。

具体方法如下：启动dreamweaver cs6 选择要添加链接的文字或点击要添加链接的图片，然后在属性面板中点击“html”，并在“链接”地址文本框中输入要链接的地址，如图所示：这样文字或图片的链接就添加完成了。

打开Dreamweaver CS6后，点击右上角的文件，然后点击打开最近的文件，选择一个html来演示，如下图所示。注意：大家在做的时候可以新建个HTML页面。

在“CSS样式”面板的“正在”模式下编辑CSS规则打开“CSS样式”面板。使“CSS样式”面板处于“正在”模式下。选择当前页面中一个HTML元素，此时已在“CSS样式”面板中显示了此元素的CSS属性。

通过CSS设置要想让带超链接锚文本字体文字默认下划线消失，我们需要CSS样式单词text-decoration去掉下划线。具体去掉全网页默认链接下划线实现无下划线CSS代码如下：a{text-decoration ： none} 以上CSS代码即可实现取消去掉下划线。

在默认状态下，链接一般是带有下划线的，那么我们可以使用text-decoration属性来设置链接是否具有下划线。实例如下：蚂蚁部落a { text-decoration： none；}div+css教程将text-decoration的属性值设置为none即可去掉下划线。

可以用css中text-decoration：none来去掉超链接的下划线。

1、外部样式表外部样式表的作用：设置一个外部样式表，在Html页面的head中添加，通过link标签标记，rel：指定其样式为stylesheet，type：指定其格式为text/css，herf：指定到欲应用的css样式文件。

2、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。

3、由于超链接有四种不同的状态，CSS用伪类来标识它们。(1) ：link：设置a对象在未被访问前的样式表属性。(2) ：visited：设置a对象在其链接地址已被访问过时的样式表属性。

4、第一种为标签样式，taglib为标签名，后面{}里面加属性，这种样式对页面内所有的标签名为taglibname的标签起作用。

5、使用CSS规则设置超链接的显示打开文档，然后打开“CSS样式”面板。

当前文章：清楚css超链接样式 css设置超链接的四种状态
URL地址：http://cdiso.cn/article/dgehdig.html