为a标签定义一个class,实现三状态效果

251 251
Html
sam
sam 2024-05-12 17:43:38

概述

html的a标签 常见的有三种效果, 

link:正常刚打开页面的时候没有任何操作的效果

visted:点击完成后的效果

hover:鼠标经过上方的效果


自定义一个类实现基效果

html文件

<a class="Info" href="">百度</a>

定义class文件

a.infoTopicCate:link, a.infoTopicCate:visited {
    text-decoration: none;
	color:#000;
	font-size:13px;
    display: block;
	padding:4px;
}

a.infoTopicCate:hover {
    background-color: #FF0000;
	width:100%;
    font-weight: bold;
}

以上样式说明了

1、在正常的link 与 访问后的样式是一致的

2、hover的时候,表示访问者正经过上方,字体变粗,同时有背景是红色

回帖
  • 消灭零回复
作者信息
相关文章