html网页怎么设置字体颜色

html-css09

html网页怎么设置字体颜色,第1张

字体颜色在网页设计中是最常见的功能之一，复杂的页面每个页面都会有多种字体颜色。html设置字体颜色的方式，有如下几种。

1、首先在桌面新建一个文件夹，然后新建两个text文件；分别将text文件重命名为index.html和css.css。

2、用记事本打开index.html文件，输入以下代码。

3、用浏览器打开浏览效果。

4、编辑index.html，在<p>标签内输入以下代码；<font color="#008252">字体颜色的不同设置方法</font>。

5、浏览器浏览效果，这样就完成了。

第一种：内嵌样式改变p标签内字体颜色.(p标签可换为页面body标签内，其它绝大部分标签！)

<!doctype html>

<html>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<head>

<title>颜色标签</title>

</head>

<body>

<p style="color:red">顺其自然</p>

</body>

</html>

第二种：用内部样式表改变p标签内字体颜色.

<!doctype html>

<html>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<head>

<title>颜色标签</title>

</head>

<style type="text/css">

.wordcolor{color:red}

</style>

<body>

<p class="wordcolor">一笑而过</p>

</body>

</html>

第三种:链入外部样式表.

把上述第二种方法中<style type="text/css">和</style>之间的内容保存到xxx.css中,

然后在页面中引用<link rel="stylesheet" type="text/css" href="xxx.css">链接

这个样式表文件,得到的效果同上述两种方法相同.

(不被采纳也没事的，只是真诚希望我的话语能帮到你！n(*≧▽≦*)n)

方法1、

&ltdiv class="contain"&gt

&ltp style="font-size:30pxcolor:orange"&gtp标签设置字体颜色&lt/p&gt

&lt/div&gt

方法2、

&ltstyle&gt

.contain p{

font-size:30px

color:orange

}

&lt/style&gt

&ltdiv class="contain"&gt

&ltp&gtp标签设置字体颜色1&lt/p&gt

&lt/div&gt

扩展资料：

在HTML文档中使用style属性：

&lth1 style="color:bluetext-align:center"&gtThis is a header&lt/h1&gt

&ltp style="color:red"&gtThis is a paragraph.&lt/p&gt

定义和用法

style属性规定元素的行内样式（inline style）

style属性将覆盖任何全局的样式设定，例如在&ltstyle&gt标签或在外部样式表中规定的样式。

语法

&ltelement style="value"&gt

属性值

值：style_definition；

描述：一个或多个由分号分隔的CSS属性和值。