html怎么改变字体大小和颜色

html怎么改变字体大小和颜色,第1张

可以用css改变字体的大小和颜色

1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色:

2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大:

3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色:

在html中设置表格中字体的颜色用css的style实现,下面用一个html5文档具体演示一下:

1、新建一个html文档,在html中加入table,如下图所示

2、在table中加入style属性,通过给color设置颜色值修改字体颜色,如下图所示

3、也可以将style加到head标签内,如下图所示

4、最后运行html文档,就可以看到table内的字都变颜色了,如下图所示

1、font语法:

<font color="#FF0000">我是红色字体</font>

首先font是一对常规标签,将字体文本内容放入标签内,font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。

2、html font设置字体颜色实例

2-1、html字体颜色实例完整代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>font字体颜色在线实例 DIVCSS5</title>

</head>

<body>

<font color="#FF0000">我是红色字体</font>

<table width="300" border="1">

<tr>

<td><font color="#0000FF">你好</font></td>

<td>DIVCSS5</td>

</tr>

</table>

</body>

</html>

以上实例分别单独对字体设置颜色和对表格内字体设置颜色

字体颜色实例截图


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

原文地址: http://outofmemory.cn/zaji/7588850.html

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

发表评论

登录后才能评论

评论列表(0条)

保存