CSS如何设置字体的类型、大小、颜色？

Css可以设置网页的样式,比如字体大小颜色等等。今天小编就来分享一下设置HTML网页字体类型大小和颜色方法。

一、如图，先在HTML网页编写一些测试的文字。

二、然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。

三、因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。

四、如图，我们可以用font-family来设置HTML网页字体的类型，比如这里我设置为“华文楷体”。

五、再去看文字的变化效果，文字变成了华文楷体类型，比原先的好看多了。

六、然后color可以改变文字的颜色，比如我就设置它为red，意思表示的是红颜色。

七、这样，文字的颜色就会由黑色变成红色了哦。

八、而font-size可以设置文字的大小，如图所示，我设置成38px，表示38像素大小。

九、最后来看看，文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型，颜色及大小的目的。

1、首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。

2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上，按钮的背景颜色将变为橙色。

---