当前位置:首页>综合>正文

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

2023-04-30 01:38:49 互联网 未知 综合

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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