html如何设置字体颜色(html如何设置字体颜色大小)。

html扩号克候重如何设置字体颜色呢?下面我来教大家吧!

方法

第一步:新建html文件和css文件
①在桌面新建一个文件夹,然后新建两个text文件;
②分别将text文件重命名为index.html和css.css。

html如何设置字体颜色(html如何设置字体颜色大小)。

第二步:输入html代码
①用记事本打开index.html文件,输入以下代码;
<html>
<head>
<title>html修改字体颜色的几种方式</title>
<link href="css.css"/>
</head>
<body>
<p>字体颜她依双赶兰诗探色的不同设置方法</p>
</body>
</html>
②用浏览器打开浏览效果。

html如何设置字体颜色(html如何设置字体颜色大小)。

第三步:标签内嵌入字体标签设置颜色
①编辑index.html,在<p>标签内输入以下代码;
<font color="#008252">字体颜色的不同设置方法</font>
②浏览器浏览效果。

html如何设置字体颜色(html如何设置字体颜色大小)。

第四步:标签内嵌入style样式设置颜色
①另起一行字体,并在标签内输入以下代码;
<p >
②在浏览器中检查效果。

html如何设置字体颜色(html如何设置字体颜色大小)。

第五步:网页内部嵌入标签选择器样式设置颜色
①给文字的<p>标签命名一个ID;
②在<head></head>之间输入以下代码;
<style>
#p1{color:#FFFF00;/*标签选择器*/}
</style>
③浏览器中查看效果。

html如何设置字体颜色(html如何设置字体颜色大小)。

第六步:网页内嵌入类选择器设置颜色
①给文字的标签命名一个Class;
②在<style></style>中输入以下代码;
.p1{color:#D1f3c6;/*类选择器*/}
③浏览器查看效果。

html如何设置字体颜色(html如何设置字体颜色大小)。

第七步:外部CSS样式设置颜色
①在网页头部输入以下连接CSS外部文件代码;
<link href="css.css"/>
②在网页中写入以下代码;
<p id="p2">字体颜色的不同设置方法</p>
<p class="p2">字体颜色的不同设置方法</p>
③用记事本方式打开css文件,输入以下代码;
④浏览器检查效果变化。

html如何设置字体颜色(html如何设置字体颜色大小)。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 951076433@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:https://www.xiaomafuwu.com/226362.html

(0)
代码小二的头像代码小二

相关推荐