Menu
CoddyTech

文本对齐

本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 21 课,共 76 课。

在 CSS 中,text-align 属性用于控制 HTML 元素内文本的水平对齐方式。

text-align 的常见值包括:

  • left:将文本左对齐。这是大多数文本的默认对齐方式。
  • right:将文本右对齐。
  • center:将文本在元素内水平居中。

例如:

p {
    text-align: left;
}

h1 {
    text-align: center;
}

.right-align {
    text-align: right;
}
challenge icon

挑战

简单

给你一个包含标题(<h1>)、段落(<p>)和分区(<div>)的 HTML 文档。你的任务是使用 text-align 属性为这些元素设置样式。按照以下步骤操作:

  1. 编写一条 CSS 规则,指定 <h1> 元素。将 text-align 设置为 center。
  2. 编写一条 CSS 规则,指定 <p> 元素。将 text-align 设置为 right。
  3. 编写一条 CSS 规则,指定 <div> 元素。将 text-align 设置为 left。

亲手试试

<html>
<head>
    <title>Text Alignment</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading. </h1>
    <p>This is a paragraph.</p>
    <div>This is a division. </div>
</body>
</html>
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

使用 CSS 添加样式中的所有课

自己练习: Web 在线编辑器