文本对齐
本课属于 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;
}挑战
简单给你一个包含标题(<h1>)、段落(<p>)和分区(<div>)的 HTML 文档。你的任务是使用 text-align 属性为这些元素设置样式。按照以下步骤操作:
- 编写一条 CSS 规则,指定
<h1>元素。将text-align设置为center。 - 编写一条 CSS 规则,指定
<p>元素。将text-align设置为right。 - 编写一条 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>这节课包含一个小测验。开始学习即可作答,并记录你的进度。
使用 CSS 添加样式中的所有课
自己练习: Web 在线编辑器