HTML|设置网页链接的属性

在html中可以使用“a“标记建立网页的链接，CSS允许按照链接的状态来设置网页链接的文字效果。语法如下：

a:link 未链接时超链接文字的样式（原本状态）
a:visited 已链接过的超链接文字样式（就是点击过了）
a:active 当鼠标点击的那一刻显示的样式
a:hover 当鼠标移到链接处时的样式

代码演示：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页的超链接属性</title><style type="text/css">body{line-height: 25px;}a:link{color:chartreuse;}a:visited{color: beige;}a:active{background-color: crimson;}a:hover{color: darkorange;}</style>
</head><body><ol><li><a href="#">websites</a></li><li><a href="#">tuesday</a></li><li><a href="#">more or less</a></li><li><a href="#">just so so</a></li><li><a href="#">okkk</a></li></ol>
</body>
</html>

注意：active若是定义字体颜色不明显，该处使用的背景颜色定义，变化显而易见。

HTML|设置网页链接的属性相关推荐

html语言设置网页背景,HTML+CSS入门设置网页中的背景图片的5个属性
本篇教程介绍了HTML+CSS入门设置网页中的背景图片的5个属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在css代码中设置背景图片的方法,包括背景图片.背景重复 ...
网页定位(position属性、相对定位、绝对定位、固定定位、z-index、设置透明度)
position属性 static:默认值,没有定位 relative:相对定位,相对于自己原来的位置进行偏移 absolute:绝对定位,以它最近一个已经定位的祖先元素为基准进行偏移 fixed:固 ...
html 复制链接功能,h5分享功能[通过复制网页链接分享]
需求为分享网页,本意查询调用浏览器分享功能.对接新浪和QQ等方法.觉低效,遂起此方. function copy_url() { var textarea= document.createElemen ...
怎样用html设置文档格式,Dreamweaver使用CSS样式表设置网页文本格式
Dreamweaver使用CSS样式表设置网页文本格式互联网发布时间:2008-10-17 19:35:50 作者:佚名我要评论本文章介绍如何在 Dreamweaver 中使用层叠 ...
树莓派4B配置Selenium库+设置无图无头属性
写一个树莓派4B配置selenium库,并成功调用浏览器进行自动化爬虫本文会手把手教你配置环境,并带你写第一个selenium爬虫程序使用版本说明系统:官网2020-02-13-raspbian ...
【HTML 教程】网页元素的属性
作者 | 阮一峰 1.简介网页元素的属性(attribute)可以定制元素的行为,不同的属性会导致元素有不同的行为.元素属性的写法是 HTML 标签内部的"键值对". <h ...
在html语言中建立网页链接,HTML代码实例：详细讲解超级链接
HTML代码实例:详细讲解超级链接互联网发布时间:2009-04-02 20:55:27 作者:佚名我要评论超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级 ...
怎样把本地html传到网上,如何制作自己的网页链接？教你怎么把自己制作的网站发布到网上？...
如何制作自己的网页链接?教你怎么把自己制作的网站发布到网上?下面就来一起看看吧! 确定网页架构. 要确定我们要做的网页内容,必须确定一个框架形式. 一般比较流行,大部分网页都是. ①网站页眉+网站导航 ...
如何设置CSS链接样式
如何用CSS为链接设置不同样式通常需要设置一些链接的样式来美化页面,网页设计中.链接的样式能设置很多种,但是如何能实现我想要的效果,那就需要设置样式的优先顺序,通常可以通过链接的一些伪类样式顺序来实 ...

HTML|设置网页链接的属性

HTML|设置网页链接的属性

HTML|设置网页链接的属性相关推荐

最新文章

热门文章