当前位置:首页 > CSS教程 > 正文内容

CSS怎样设置链接款式【css教程】,CSS

搜教程4年前 (2019-12-02)CSS教程202

我们可以以差别的要领为链接设置款式。

设置链接的款式 ( 引荐进修:CSS入门教程 )

可以设置链接款式的 CSS 属性有很多种(比方 color, font-family, background 等等)。

链接的特殊性在于可以依据它们所处的状况来设置它们的款式。

链接的四种状况:

a:link - 一般的、未被接见的链接

a:visited - 用户已接见的链接

a:hover - 鼠标指针位于链接的上方

a:active - 链接被点击的时候

实例

<!DOCTYPE html>
<html>
<head>
<style>
a:link {color:#FF0000;}    /* 未被接见的链接 */
a:visited {color:#00FF00;} /* 已被接见的链接 */
a:hover {color:#FF00FF;}   /* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}  /* 正在被点击的链接 */
</style>
</head>

<body>
<p><b><a href="/index.html" 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>

当为链接的差别状况设置款式时,请根据以下序次划定规矩:

a:hover 必需位于 a:link 和 a:visited 以后

a:active 必需位于 a:hover 以后

以上就是CSS怎样设置链接款式的细致内容,更多请关注ki4网别的相干文章!

扫描二维码推送至手机访问。

版权声明:本文由搜教程网发布,如需转载请注明出处。

本文链接:https://www.sojiaocheng.cn/16326.html

标签: CSS
分享给朋友:

“CSS怎样设置链接款式【css教程】,CSS” 的相关文章

CSS变量 var()的用法是什么?CSS变量 var()的用法详解【css教程】,CSS变量,var()的用法

当Web项目变得越来越大时,他的CSS会变得像天文数字那么大而且还变得杂沓。为了协助我们处理这个题目,新的CSS变量很快就会涌如今主流浏览器中,它让开发人员能够重用并轻松编辑反复涌现的CSS属性。用过SASS或Less的人应当晓得他的变量功用有多棒,但这些变量是预处理器,需要在运用前举行编译。如今变...

border-image-source属性怎样用【css教程】,border-image-source,CSS3

border-image-source属性怎样用【css教程】,border-image-source,CSS3

border-image-source属性指定要运用的图象,而不是由border-style属性设置的边框款式。 CSS3 border-image-source属性 作用:划定要运用的图象,替代 border-style 属性中设置的边框款式。 语法: border-image-s...

css中float什么意思【css教程】,float,浮动

css中float什么意思【css教程】,float,浮动

CSS中的float示意的是浮动,当元素设置了float属性就会离开规范流,浮动在其他元素上,它会依据属性值向左或许向右浮动 CSS中的float属性是一个频仍用到的属性,关于初学者来讲,假如没有明白好浮动的意义和表现出来的特征,在运用的运用很轻易堕入疑心,云里雾里,搞不清楚状况。接下来将在文...

css flex-basis属性怎样用【css教程】,css flex-basis

css flex-basis属性怎样用【css教程】,css flex-basis

css flex-basis属性用于设置或检索弹性盒伸缩基准值,css语法是flex-basis: number|auto|initial|inherit;假如元素不是弹性盒对象的元素,则flex-basis属性不起作用。 css flex-basis属性怎样用? 定义和用法 flex...

css letter-spacing属性怎样用【css教程】,css,letter-spacing属性

css letter-spacing属性怎样用【css教程】,css,letter-spacing属性

css letter-spacing属性用于增添或削减字符间的空缺(字符间距),语法为letter-spacing : normal | length;个中normal相当于值为 0。该属性许可运用负值,这会让字母之间挤得更紧。 css letter-spacing属性怎样用? lett...

css max-height属性怎样用【css教程】,css

css max-height属性怎样用【css教程】,css

max-height 属性设置元素的最大高度。 申明 该属性值会对元素的高度设置一个最高限定。因而,元素能够比指定值矮,但不能比其高。不许可指定负值。 注重:max-height 属性不包括外边距、边框和内边距。 值 形貌 no...