CSS-设置超链接样式

1、使用 CSS 伪类别来设置超链接样式
链接的四种状态：
a:link：普通的、未被访问的链接
a:visited：用户已访问的链接
a:hover：鼠标指针位于链接的上方
a:active：链接被点击的时刻


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用CSS伪类别来设置超链接样式</title>
<style type="text/css">a:LINK {color: red;text-decoration: none;}a:VISITED {color: green;text-decoration: none;}a:HOVER {background-color: yellow;text-decoration: none;}
</style>
</head>
<body>
<a href="http://www.123.com">超链接</a>
</body>
</html>

运行结果：

2、创建按钮式超链接


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>创建按钮式超链接</title>
<style type="text/css">body{margin: 20px;}a{font-family: Arial;margin: 5px;}a:LINK,a:VISITED {color:#A62020;padding:4px 10px 4px 10px;background-color:#DDD;text-decoration: none;border-top: 1px solid #EEEEEE;border-left: 1px solid #EEEEEE;border-bottom: 1px solid #717171;border-right: 1px solid #717171;}a:HOVER {color: #821818;padding: 5px 8px 3px 12px;background-color: #CCC;border-top: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;}
</style>
</head>
<body>
<a href="http://www.1234.com">Java</a>
<a href="http://www.1234.com">Php</a>
<a href="http://www.1234.com">.Net</a>
</body>
</html>

运行结果：

CSS-设置超链接样式相关推荐

CSS（十一）——用CSS设置超链接样式
目录 1.使用CSS伪类别来设置超链接样式 1.1普通的.未被访问的链接 1.2用户已访问的链接
CSS设置超链接样式常用
伪类名称含义示例 a:link 未单击访问时超链接样式 a:link{color:#9ef5f9;} a:visited 单击访问后超链接样式 a:visited {color:#333;} a: ...
CSS设置超链接样式
转自:https://blog.csdn.net/fighting_0808/article/details/81782348
怎么设置超链接网址css,css应该怎么设置超链接样式
css设置超链接样式的方法是,给超链接添加伪类,例如[a:visited {color:#00FF00;}].[a:visited]表示用户已经访问过的链接. 本文操作环境:windows10系统.c ...
css如何设置超链接样式
css设置超链接样式是通过伪类来实现的 (1) :link:设置a对象在未被访问前的样式表属性. (2) :visited:设置a对象在其链接地址已被访问过时的样式表属性. (3) :hover:设置 ...
CSS之设置超链接样式以及设置鼠标形状
超链接在任意一个网页上都是最基本的元素之一,通过超链接可以实现页面的跳转.功能的激活等,我们来学习如何使用CSS设置超链接的样式定义超链接是使用**标签,用于从一个页面链接到另一个页面, 元素最重要 ...
php超链接样式,html和css中设置超链接样式方法的总结
在之前的文章中我们介绍了关于html中超链接的颜色设置,我们都也知道超链接在网站中都是无处不在的,超链接是跳转到另一个页面的入口,当你把鼠标移动到超链接上,会有颜色或者样式的改变,那么我们今天就给大家 ...
【CSS3】设置超链接样式
超链接样式伪类名称说明示例 a:link 单击访问前的超链接样式 a:link{ color: orange; } a:visited 单击访问后的超链接样式 a:visited{ color: ...
html怎样点击超链接在指定div显示,是否可以仅在特定DIV中设置超链接样式
我正在制作纯粹的javascript webapp(无JQuery),它会在运行时生成所有内容.没有要加载的CSS文件,所有样式都由JS生成. 例如: function newParagraph( ...
html超链接样式顺序,超链接4个伪类 CSS定义超链接样式有什么顺序
超链接的伪类有哪些?分别表示什么含义 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:ho ...

CSS-设置超链接样式

CSS-设置超链接样式相关推荐

最新文章

热门文章