利用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://cdkjz.cn/article/dsdejid.html
