字体颜色在网页设计中是最常见的功能之一，复杂的页面每个页面都会有多种字体颜色。html设置字体颜色的方式，有如下几种。
1、首先在桌面新建一个文件夹，然后新建两个text文件；分别将text文件重命名为index.html和css.css。
2、用记事本打开index.html文件，输入以下代码。
3、用浏览器打开浏览效果。
4、编辑index.html，在<p>标签内输入以下代码；<font color="#008252">字体颜色的不同设置方法</font>。
5、浏览器浏览效果，这样就完成了。
通过内部CSS样式来设置：在body中的其他标签，如h1，p，div等开始标签中，增加style="color:whitefont-size:25px"即可。HTML(HyperTextMark-upLanguage)即超文本标记语言，是WWW的描述语言，由TimBerners-lee提出。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。这样，你只要使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。
首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>
由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。
在head标签之间输入样式标签<style></style>,然后定义一些属性，例如
<style type="text/css">
body {background-color: yellow} 定义网页背景色为黄色；
h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00；
h2 {background-color: transparent} 定义h2标签背景色为透明；
p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；
p.no2 {background-color: graypadding: 20px} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；
</style>
然后点击body标签后面输入正文标签内容，例如
<h1>这是KING</h1>
<h2>这是KING</h2>
<p>这是KING</p>
<p class="no2">这个KING设置20内边距。</p>
点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。
我们可以发现代码中两个同样的<p>标签显示的css样式却不同，区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在，可以定义个性风格。
还可以选择用html设置，如下：
颜色自己调，可以用取色器查看颜色，例如background-color:#789999如果需要加边框可以用border属性
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）