用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控制文本样式

  • 95128约车如何兑换优惠券?
  • 阳光宽屏网视频怎么下载
  • ipad mini4必备软件
  • 怎么快速查找最近的音视频文件呢?
  • 当兵期间的养老保险怎么补
  • 热门搜索
    怎么注册apple id 博世壁挂炉怎么样 怎么样开淘宝店 儿童发型视频 猛兽博物馆 怎么删除差评 考研成绩怎么查询 目不转睛的近义词 小男孩发型图片 热感冒吃什么药