用css怎样把部分连接字体变成白色或各种颜色?

html-css010

用css怎样把部分连接字体变成白色或各种颜色?,第1张

设置目标文字的<a>标签属性

如:要设置下面链接文字的颜色

<a href="#" id="link">我是链接文字</a>

css部分:

#link{

color:white/*设置链接字体的颜色*/}

注意:

在有时候设置链接颜色会出现无效的情况,这时候你需要检查你的选择器写的是否正确。

a有四种状态:

a:link {color:#FF0000}/* 未被访问的链接 */

a:visited {color:#00FF00}/* 已被访问的链接 */

a:hover {color:#FF00FF}/* 鼠标指针移动到链接上 */

a:active {color:#0000FF}/* 正在被点击的链接 */

   书写时一定要按照以上顺序书写,否则无法达到设计效果

<BODY LINK=”lime”VLINK=”lime” ALINK=”lime”>超链接的设置

ALINK 指定网页中活动链接的颜色,取值为颜色值

VLINK 指定网页中访问过的链接的颜色,取值为颜色值

LINK 指定网页中所有链接的颜色,取值为颜色值

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:a:visited {color: blueviolet}。

3、浏览器运行index.html页面,此时超链接文本单击后的样式被设置了文字紫色颜色。