如何给指定的a标签定义css样式。

如何给指定的a标签定义css样式。,第1张

给a标签加一个class,然后直接给样式名加伪类就行

比如<a href="#" class="A_css">1</a>

.A_css:hover{样式}

设置链接点击过后的样式可以使用css中的visited进行设置,基本的使用方法如下:

:visited 选择器用于选取已被访问的链接,使用 :link 选择器对指向未被访问页面的链接设置样式, :hover 选择器用于设置鼠标指针浮动到链接上时的样式,:active 选择器用于设置点击链接时的样式。

工具原料:浏览器、编辑器

1、设置一个a标签的点击后的样式,点击后给标签添加黄色的背景,代码如下:

<!DOCTYPE html>

<html>

<head>

<style>

a:visited

{

background-color:yellow

}

</style>

</head>

<body>

<a href="#">test</a>

<a href="#">test2</a>

<p><b>注释:</b>:visited 选择器为已被访问的链接设置样式。</p>

</body>

</html>

2、运行代码,点击过后的超链接将会改变成css设置的样式。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11865535.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存