教程集 www.jiaochengji.com
教程集 >  CSS教程  >  正文 定义链接的样式CSS

定义链接的样式CSS

发布时间:2019-11-15   编辑:jiaochengji.com
教程集为您提供定义链接的样式CSS等资源,欢迎您收藏本站,我们将为您提供最新的定义链接的样式CSS资源

CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy2062')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy2062>a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。

您可能感兴趣的文章:
CSS样式表应用技巧两则
定义链接的样式CSS
让网站链接样式千奇百怪
HTML超链接a标记CSS样式写法示例
jQuery 改变CSS样式基础代码
css 伪类——动态链接
使用css在不同页面上使用同样的导航代码
css样式导入网页的三种方法
运筹帷幄 用CSS控制网站总“队形”
高效率使用CSS样式表的八则技巧

[关闭]
~ ~