用CSS控制文本样式

时间:2026-05-19 06:24:31

1、点击文件选择新建,然后新建HTML文件和CSS文件。之后另存为,快捷键ctrl+s,保存到一个文件夹下。

用CSS控制文本样式

2、我们添加CSS样表。CSS有几种选择,基础选择、类选择这里我们选择基础选择。先输入三段文字。打开实时视图就可以看到代码的实现过程。

用CSS控制文本样式

用CSS控制文本样式

3、接下来我们用CSS对这句话进行一个设置。font-size属性用来设计字号的大小,font用来设置字体,可以同时设置多个字体,微软雅黑,宋体;fontweight用来设置字体的粗细,这个属性有三个参数,分别是nomal、bold和bolder,nomal为默认值,bold,bolder。可以看到字体已经加粗变大。

用CSS控制文本样式

用CSS控制文本样式

4

用CSS控制文本样式

用CSS控制文本样式

5、用textindent可以设置首行缩进。可以使用百分比,也可以使用负值,建议使用em作为设置单位。textindent只适合块级元素,textalign用来设置水平对齐方式。设置文本居中,首行缩进两字符。

用CSS控制文本样式

用CSS控制文本样式

6、下面我用backgroundcolor属性来定义背景颜色,分别将三段文字定义为绿色和红色。

用CSS控制文本样式

用CSS控制文本样式

7、然后我们用浏览器打开看一下,找到文件保存的路径,打开html文件。记得要保存,不然设置的属性无法使用。

用CSS控制文本样式

用CSS控制文本样式

© 2026 指南经验网
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com