字体颜色、样式设置,背景颜色设置

本文详细介绍了如何在HTML中使用`<font>`标签设置字体颜色,列举了多种字体名称及其对应编码,并提到了通过bgcolor属性设置背景颜色的方法。
摘要由CSDN通过智能技术生成

字体和背景颜色设置

一、字体颜色与样式

代码为

<font face="字体名称或字体对应代码" color=颜色 size=大小>要设置字体颜色的文本</font>

例如

<font face="华文彩云" color=green size=5>本字体是xxx,绿色,5号大小</font>

本字体是华文彩云,绿色,5号大小

字体名称及对应编码如下:

序号字体名称:编码
1华文黑体:STHeiti
2华文楷体:STKaiti
3华文宋体:STSong
4华文仿宋:STFangsong
5黑体:SimHei
6宋体:SimSun
7新宋体:NSimSun
8仿宋:FangSong
9楷体:KaiTi
10仿宋_GB2312:FangSong_GB2312
11楷体_GB2312:KaiTi_GB2312
12微软正黑体:Microsoft JhengHei
13微软雅黑体:Microsoft YaHei
14隶书:LiSu
15幼圆:YouYuan
16华文细黑:STXihei
17华文楷体:STKaiti
18华文宋体:STSong
19华文中宋:STZhongsong
20华文仿宋:STFangsong
21方正舒体:FZShuTi
22方正姚体:FZYaoti
23华文彩云:STCaiyun
24华文琥珀:STHupo
25华文隶书:STLiti
26华文行楷:STXingkai
27华文新魏:STXinwei

字体颜色
1.可以使用color=red等形式,将red换成其他颜色
red green
yellow orange
purle

2.可以将red换成编码形式获得更加丰富的颜色
颜色编码如下:
#FFB6C1 #FFC0CB #DC143C #FFF0F5 #DB7093 #FF69B4 #FF1493 #C71585

#DA70D6 #D8BFD8 #DDA0DD #EE82EE #FF00FF #8B008B #800080 #BA55D3

#9400D3 #9932CC #4B0082 #8A2BE2 #9370DBF #7B68EE #6A5ACD #483D8B

#E6E6FA #F8F8FF #0000FF #0000CD #191970 #00008B #000080 #4169E1

#6495ED #B0C4DE #778899 #708090 #1E90FF #F0F8FF #4682B4 #87CEFA

#87CEEB #00BFFF #ADD8E6 #B0E0E6 #5F9EA0 #F0FFFF #E1FFFF #AFEEEE

#00FFFF #00FFFF #00CED1 #2F4F4F #008B8B #008080 #48D1CC #20B2AA

#40E0D0 #7FFFAA #00FA9A #F5FFFA #00FF7F #3CB371 #2E8B57 #F0FFF0

#90EE90 #98FB98 #8FBC8F #32CD32 #00FF00 #228B22 #008000 #006400

#7FFF00 #7CFC00 #ADFF2F #556B2F #6B8E23 #FAFAD2 #FFFFF0 #FFFFE0

#FFFF00 #808000 #BDB76B #FFFACD #EEE8AA #F0E68C #FFD700 #FFF8DC

#DAA520 #FFFAF0 #FDF5E6 #F5DEB3 #FFE4B5 #FFA500 #FFEFD5 #FFEBCD

#FFDEAD #FAEBD7 #D2B48C #DEB887 #FFE4C4 #FF8C00 #FAF0E6 #CD853F

#FFDAB9 #F4A460 #D2691E #FFB6C1 #8B4513 #FFF5EE #A0522D #FFA07A

#FF7F50 #FF4500 #E9967A #FF6347 #FFE4E1 #FA8072 #FFFAFA #F08080

#BC8F8F #CD5C5C #FF0000 #A52A2A #B22222 #8B0000 #800000 #FFFFFF

#F5F5F5 #DCDCDC #D3D3D3 #C0C0C0 #A9A9A9 #808080 #696969 #000000

二、背景颜色

可借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色的功能,可参考上述颜色。

代码如下:

<table><tr><td bgcolor=#B22222>背景色是:#B22222</td></tr></table>

效果如下:

背景色是:#B22222
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值