网站建设资讯

NEWS

网站建设资讯

css控制超链接字体样式,css如何设置超链接样式

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