正文
css控制超链接字体样式,css如何设置超链接样式
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
利用css设置四种不同样式超链接的方法
html超链接样式包括：正在连接、访问过、鼠标盘旋，各个文本字体样式设置如下
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
相关问答
Q1: 如何用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;
!--
只要有的功能想要的都可以加上
--
}
Q2: 如何用CSS控制超链接字体样式？
先一个例子，比如说下面这段代码：\x0d\x0a
回答于 2022-11-16
