html中如何设置超链接的样式


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>无标题文档</title>

  <style type="text/css"

a:link  

{  

    color:#000;  

    text-decoration:none;}  

a:visited  

{  

    color:#000;  

    text-decoration:none;}  

a:hover  

{  

    color:#F00;  

    text-decoration:underline;}  

a:active  

{  

    color:#F90;  

    text-decoration:underline;}  

</style>

  <link href="Untitled-1.css" rel="stylesheet" type="text/css" />

 </head>

 <body>

  <a href="http://www.baidu.com/">百度一下</a>  

 </body>

</html>

运行显示:鼠标箭头未放到“百度一下”,其显示黑色――放上时,其显示红色――点击“百度一下”链接时,其显示橙色――点击后,其显示黑色。

相关视频教程推荐:html视频教程

以上就是html中如何设置超链接的样式的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

怎么给Html添加js

Html实现不显示表格边框线需要设置什么属性

怎么设计自己的网页

Html如何实现点击下载文件功能

Html的表格比较宽溢出怎么设置

Html output标签怎么用

Html怎么让段落文本两端对齐

Html中表单的标签是什么

Html canvas截取圆角图片的实现方法

Html colspan属性的定义是什么?Html colspan属性的使用方法介绍

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




打赏

取消

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

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

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

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

评论

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