在网页开发的过程中, 有时为了网页的美观, 需要给网页中的字体设置不同的颜色. 那么怎么设置字体颜色呢? 下面本篇文章就来给大家来介绍设置字体颜色的几种方法, 希望对大家有所帮助.
方法 1: 使用 < font > 标签的 color 属性设置字体颜色
color 属性规定 font 标签元素中文本的颜色.
语法:
<font color="value">
font 是一对常规标签, 将字体文本内容放入标签内, font 标签内设置 color 属性 + 对应颜色值即可设置 font 标签对象内字体颜色.
代码示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <font color="red" size="10">
- HTML 中文网
- </font>
- </body>
- </HTML>
效果图:
说明: font 标签元素的 size 属性可用于设置字体大小.
方法 2: 使用 CSS 的 color 属性来设置字体颜色
color 属性规定文本的颜色.
这个属性设置了一个元素的前景色 (在 HTML 表现中, 就是元素文本的颜色); 光栅图像不受 color 影响. 这个颜色还会应用到元素的所有边框, 除非被 border-color 或另外某个边框颜色属性覆盖.
要设置一个元素的前景色, 最容易的方法是使用 color 属性.
代码示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <style>
- p{ color: red; font-size: 30px; }
- </style>
- </head>
- <body>
- <p>
- HTML 中文网
- </p>
- <div style="color: plum; font-size: 30px;">
- HTML 中文网
- </div>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/html5/11131.html