html常用的字体样式

html常用的字体样式,第1张

font-family:'Microsoft YaHei'。

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

扩展资料

html内容描述

<h1></h1>最大的标题(一号标题)

<pre></pre>预先格式化文本 (英文全称:PREformatted)

<u></u>下划线(英文全称:Underline)

<b></b>黑体字 (英文全称:Bold)

<i></i>斜体字 (英文全称:Italics)

<tt></tt>打字机风格的字体

<cite></cite>引用,通常是斜体

<em></em>强调文本(通常是斜体加黑体、英文全称:EMphasize)

<strong></strong>加重文本(通常是斜体加黑体)

<font size="" color=""></font>设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值

<BASEFONT></BASEFONT>基准字体标记

<big></big>字体加大

<SMALL></SMALL>字体缩小

<DELECT></DELECT>加删除线

<CODE></CODE>程式码

<KBD></KBD>键盘字(英文全称:KeyBoarD)

<SAMP></SAMP>范例(英文全称:SAMPle)

<VAR></VAR>变量(英文全称:VARiable)

<BLOCKQUOTE></BLOCKQUOTE>向右缩排(向右缩进、块引用)

<DFN></DFN>述语定义(英文全称:DeFiNe)

<ADDRESS></ADDRESS>地址标记

<sup></SUP>上标字 (英文全称:SUPerscript)

<SUB></SUB>下标字(英文全称:SUBscript)

<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)

<listing>...</listing>固定宽度小字体

<font color=00ff00>...</font>;字体 颜色

<font size=1>...</font>;字体 大小等于1(最小)。

<font style ='font-size:100 px'>...</font>;字体 样式等于无限增大(100像素)

参考资料:百度百科:HTML

彩色艺术字的HTML代码

向左交换滚动彩色字

<marquee scrollamount=2 width=80 height=75 scrolldely="10" align="center"><b><font style="font-weight: normalfont-size: 60ptline-height: normalfont-style: normalfont-variant: normal" face=华文彩云 color=#ff0000><b>我 我</b></font></b></marquee>

<marquee scrollamount=2 width=80 height=75 scrolldely="10" align="center"><b><font style="font-weight: normalfont-size: 60ptline-height: normalfont-style: normalfont-variant: normal" face=华文彩云 color=#66ff00><b>来 来</b></font></b></marquee>

<marquee scrollamount=2 width=80 height=75 scrolldely="10" align="center"><b><font style="font-weight: normalfont-size: 60ptline-height: normalfont-style: normalfont-variant: normal" face=华文彩云 color=#f709f7><b>试 试</b></font></b></marquee>

<marquee scrollamount=2 width=80 height=75 scrolldely="10" align="center"><b><font style="font-weight: normalfont-size: 60ptline-height: normalfont-style: normalfont-variant: normal" face=华文彩云 color=#0909f7><b>试 试</b></font></b></marquee>

<marquee scrollamount=2 width=80 height=75 scrolldely="10" align="center"><b><font style="font-weight: normalfont-size: 60ptline-height: normalfont-style: normalfont-variant: normal" face=华文彩云 color=#eeee11><b>看 看</b></font></b></marquee></p>

方法和详细的 *** 作步骤如下:

1、第一步,如果要修改下划线的颜色,大小和其他样式,可以通过border属性设计,使用起来更灵活,见下图,转到下面的步骤。

2、第二步, 执行完上面的 *** 作之后, border-bottom属性用于设置底部边框样式,见下图,转到下面的步骤。

3、第三步,  执行完上面的 *** 作之后,border-bottom: #FF0000 2px solid ; 将边框大小设置为2PX红色边框,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,观察到相同的效果,发现下划线是整个屏幕的宽度,因此接下来将更改宽度,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,宽度设置为180px,可以根据实际情况进行调整,见下图,转到下面的步骤。

6、第六步,执行完上面的 *** 作之后,将显示下划线效果,见下图。这样,就解决了这个问题了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/6185550.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存