900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html css超链接字体颜色 HTML-CSS设置超链接颜色字体

html css超链接字体颜色 HTML-CSS设置超链接颜色字体

时间:2019-11-05 19:44:24

相关推荐

html css超链接字体颜色 HTML-CSS设置超链接颜色字体

我们可以用CSS控制超链接字体样式,下面先来看一段代码:

1、代码语义说明:

a:link --指正常的未被访问过的链接状态;

a:visited --指链接被访问后的状态;

a:hover: --指当鼠标箭头放在链接上时的状态;

a:active: --指你正要点击时链接的状态,因为点击时间特别短,往往不设置该项。

2、代码注意事项:

1)a:link后面是一个逗号,a:link,a:visited---表示正常未点击时和点击过后是一个状态。

2)#em后面id="em"表示该设置只对该链接有效,如果不加该id,或者不设置#em,则该网页的所有超链接都会改变。

3)href后面是链接的地址即网址,注意用双引号引起来。

4) 里面是样式的设置。

5)字体格式--font-family:宋体

6)颜色--color:#0000FF,#后面是RGB的十六进制值,0000FF表示RGB(0,0,255).

后者是color:gray;color:red;都可以,不同的特征之间用分号隔开。

7)字体大小--font-size:24pt

pt,px,em之间的换算:/content/16/0113/11/1355383_527561336.shtml

8)字体其他样式

font-style:italic 链接文字倾斜

backgground:#0000FF 给链接文字加背景色为蓝色

border-bottom:1px dashed #FF0000 给链接文字底部加红色虚线,1px是虚线的粗细,dashed表示虚线

线型:dotted : 点状线 dashed : 虚线

solid : 实线 double : 双线

字体设置句法如下:

font-family:xxx;

font-size:xxx;

color:xxx;

text-decoration:xxx;

cursor:pointer;

上面的语句是指该链接有1px粗细的红色虚线。

背景色是蓝色,文字颜色是红色,字体加粗斜体,有下划线

链接前后和点击时都没有文字装饰,即无下划线,上划线,删除线之类的。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。