html怎么设置字体颜色-精选

来源:php中文网 | 2023-03-08 10:04:42 |

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

方法1:使用font标签


(资料图片)

<font> 规定文本的字体、字体尺寸、字体颜色。

设置字体颜色的语法:

<font color="颜色值">字体文本</font>

示例:

<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><div>我是默认黑色字体</div><div><font color="red">我是红色字体</font></div></body></html>

效果图:

方法2:使用style属性添加“color:颜色值;”样式

style 属性规定元素的行内样式(inline style)。

style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。

语法:

<element style="css代码块">

示例:

<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><div>我是默认黑色字体</div><div style="color: red;">我是红色字体</div></body></html>

效果图:

方法3:外部CSS设置html文字字体的颜色

使用id或class引入外部CSS字体颜色样式,从而设置html 字体颜色。

外部CSS设置html文字字体的颜色的代码示例:

<!DOCTYPE html>     <html>     <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <style>     .ex{ color:pink;font-size:50px}     </style>     </head>     <body>     <div class="ex">php中文网</div>     </body>     </html>

推荐教程:《html视频教程》

以上就是html怎么设置字体颜色的详细内容,更多请关注php中文网其它相关文章!

关键词: