a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻实例 a:link {color:#000000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* 已访问链接 */ a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */ a:...
一、超链接有3个属性,分别为:link、alink、vlink。 link:设置页面默认的超链接文本的颜色。 alink:设置鼠标正在单击时的超链接文本的颜色。 vlink:设置访问后的超链接文本的颜色。 二、去除超链接的下划线的css代码为:text-decoration:none; 三、例子示范 a{color:#000;text-decoration:none; }a:link{color:#...
font-size: 18px; border: 1px solid black; padding: 5px; margin-left: 10px; background: #ccc; color: black; } </style> </head> <body> <a href=''>这是一个链接</a> <a href=''>这是另一个链接</a> </body> </html> 运行结果如下图所示: 图::link伪类选择器演示 2. :visited...
为了可以正确地渲染链接元素的样式,:link伪类选择器应当放在其他伪类选择器的前面,并且遵循LVHA的先后顺序,即::link—:visited—:hover—:active。:focus伪类选择器常伴随在:hover伪类选择器左右,需要根据你想要实现的效果确定它们的顺序。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 a:link{color:orangered;...
a:link { background-color:yellow; } 尝试一下 » 定义和用法 :link向未访问的链接添加特殊的样式。 注意::link 选择器对已经访问的链接没有样式。 提示:使用:visited选择器设置访问过的页面链接的样式,:hover选择器当有鼠标悬停在其上的链接样式,:active选择器设置当你点击链接时的样式。
.menu-list .menu-hover .link{background:#f8c015;} 鼠标滑过一级分类导航文字变换颜色代码如下: .menu-list .menu-hover .link .title{color:#FFFFFF;} === 鼠标滑过二级分类导航文字变换背景色代码如下: popup-content .cats-tree .cat-hd-hover{background:...
h1{color:blue;background-color:yellow;border:1px solid black;} 在CSS 中,属性和值都是区分大小写的,每对中的属性和值由冒号(:)分隔。CSS 声明块与选择器配对,以生成 CSS 规则集 。 1.1 HTML中引入CSS的方式 外部样式,link标签将外部样式表链接到页面。
a:link {text-decoration: none;color:purple;} a:visited {text-decoration: none;color:gray} a:hover {text-decoration: underline; font-weight: bold;} a:active {text-decoration: none;} 识别并替代主题样式表中的样式 这稍微复杂一点,但仍是可以做到的,即使您没有使用过样式也一样。 首先找到网页上...
a:link{color:#000000;}/*未访问链接*/a:visited{color:#00FF00;}/*已访问链接*/a:hover{color:#FF00FF;}/*鼠标移动到链接上*/a:active{color:#0000FF;}/*鼠标点击时*/ 当设置为若干链路状态的样式,也有一些顺序规则: a:hover 必须跟在 a:link 和 a:visited后面 ...
css-a与a:link的一些认识 1、a元素有四种状态: a:link{color:blue;}//未点击的链接状态 a:visited{color:blue;}//已点击的连接状态 a:hover{color:red;}//鼠标悬浮时的状态 a:active{color:yellow;}//鼠标点下去的时的状态 2、如果设置了: