字体颜色怎么设置HTML(字体颜色怎么设置成黑色)

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

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

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

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

前话

有些小伙伴问我网页文字相关的问题,例如怎么修改文字的颜色,或是怎么修改文字大小,鉴于这些都是网页设计中肯定会遇到的,于是我就把大家常见的问题收集起来形成文字,以便小伙伴们查阅,希望对大家有所帮助。

开篇

在开始本文之前,我准备了案例,结合案例会比直接贴代码更好理解,下面就以图文并茂的方式开始讲解。
效果图

完整代码

<html><head><style>body{background:#E0FFFF;/*设置背景颜色*/font-family:思源黑体CN;/*设置字体*/}
.container{width:100%;/*设置宽度*/text-align:center;/*设置内容居中*/padding-top:50px;/*设置内容与上边距离*/}</style></head><body><divclass=”container”><h1style=”color:#71C671;font-size:3em;”>周末の青柠</h1><pstyle=”font-size:2em;”>周末简设-分享好作品,传递正能量</p><p>周末<fontsize=”10px”color=”#EE6A50″>简设</font>,简洁<fontsize=”5px”color=”#71C671″>不</font>等于简单</p></div></body></html>

接下来我们来分析一下实现以上效果的方法,关键代码我会圈出来

1、修改文字字体

通过font-family切换字体,至于有哪些字体可以自行搜索

2、修改文字颜色

通过color设置字体颜色,至于有哪些web安全色可以自行搜索

3、修改文字大小

修改文字大小有两种方法

(1)通过style的font-size属性来修改

(2)通过font标签size属性来修改

PS:

字体size的常用单位有px和em

px:绝对单位,页面按精确的像素展示。

em:相对单位,基准点为父节点字体的大小。

如果对以上概念不是很清楚也没关系,可以自行调整大小来观察,最终能适配你的网页即可。

后记

你耐心得走多远,你就能看多远!

案例下载

链接:

https://pan.baidu.com/s/1kSUJZfgAAZrObG99Cukjwg

提取码:

bwv4

版权声明