HTML基础知识,关于超链接设置的样式的详细介绍


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来HTML基础知识,关于超链接设置的样式的详细介绍,设置HTML的超链接样式的注意事项有哪些,下面就是实战案例,一起来看一下。

***设置超链接的样式示例

a:link 超链接被点前状态

a:visited 超链接点击后状态

a:hover 悬停在超链接时

a:active 点击超链接时

在定义这些状态时,有一个顺序l v h a

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

30

<!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>

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

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

HTML文本格式化的实例详解

HTML的编辑基础(新手必看篇)

在div中img,span怎样可以做出垂直居中

以上就是HTML基础知识,关于超链接设置的样式的详细介绍的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html常用的属性知识点总结

Html中通过点击button标签实现页面跳转的三种方法

Html标签伪元素绑定事件的三种方式

Html ins标签怎么用

关于Html valign属性的作用和使用方法详解(附使用方法实例)

Html中空格字符如何表示

Html的form内部标签应该如何使用

Html dom是什么

Html表单中textarea属性怎么固定大小?textarea属性实例介绍

Html怎么让图片居中

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




打赏

取消

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

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

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

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

评论

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