css应该怎么设置超链接样式

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php中文网(php.cn)</title>

<style>

a:link {color:#000000;}      /* 未访问链接*/

a:visited {color:#00FF00;}  /* 已访问链接 */

a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */

a:active {color:#0000FF;}  /* 鼠标点击时 */

</style>

</head>

<body>

<p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>

<p><b>注意：</b> a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。</p>

<p><b>注意：</b> a:active 必须在 a:hover 之后。</p>

</body>

</html>

我们来看下运行效果：

07d185231d0a182725ac6c5888a4fcb.png

相关推荐：css视频教程

以上就是css应该怎么设置超链接样式的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css nav-down属性怎么用

css盒子模型尺寸如何计算

css背景超出宽度怎么办

css代表什么

css box-align属性怎么用

css如何禁止a标签跳转

css字体颜色的设置方法

html5和css 实现禁止ios长按复制粘贴功能

css怎么占位隐藏元素

css border-top-width属性怎么用

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...