利用css设置四种不同样式超链接的方法

html超链接样式包括：正在连接、访问过、鼠标盘旋，各个文本字体样式设置如下

沈北新网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。创新互联建站从2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

style type="text/css"

!-- 超链接文本字体设置--

A {

FONT-SIZE: 16px; FONT-FAMILY: 宋体

}

!-- 超链接正在连接的文本字体设置--

A:link {

COLOR: #0055bb; TEXT-DECORATION: none

}

!-- 超链接访问过的文本字体设置--

A:visited {

COLOR: #0077bb; TEXT-DECORATION: none

}

!-- 超链接鼠标盘旋的文本字体设置--

A:hover {

COLOR: #ff0000; TEXT-DECORATION: none

}

/style

如何用CSS控制超链接字体样式知道

例如有一个超链a

href="#"

id="aa"

class="bb"/a

在样式表中设置：

#aa{

!--

或者设置为

.bb

--

font-family:微软雅黑

;

!--

字体

--

font-size:14px;

!--

字体大小

--

color:gray;

!--

字体颜色

--

text-decoration:none;

!--

字体下划线等；underline下划线，overline

上划线，line-through线在中间

--

cursor:pointer;

!--

鼠标在字上时显示小手

--

}

如果想设置鼠标悬停在字上时的效果：

#aa:HOVER{

!--

或者设置为

.bb

--

font-family:xxx

;

!--

字体

--

font-size:xxx;

!--

字体大小

--

color:

xxx

;

!--

字体颜色

--

text-decoration:xxx;

!--

只要有的功能想要的都可以加上

--

}

如何用CSS控制超链接字体样式？

先一个例子，比如说下面这段代码：\x0d\x0a

回答于 2022-11-16

当前标题：css控制超链接字体样式,css如何设置超链接样式
链接地址：http://scyanting.com/article/dsdejid.html