HTML里怎么设置字体颜色

HTML里怎么设置字体颜色,第1张

html可以使用“color”属性设置字体颜色

1、新建html文档,在body标签中添加p标签,然后在p标签中添加一些文字:

2、在head标签中添加style标签,style标签的作用是为元素添加样式,然后在style标签中添加“p{ }”,p指的是为所有p标签设置样式,大括号内填写样式内容:

3、在大括号内添加“color”属性,属性值为文本颜色,这时字体就被添加上了颜色:

字体颜色在网页设计中是最常见的功能之一,复杂的页面每个页面都会有多种字体颜色。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)


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存