HTML 样式
HTML style
属性用于为元素添加样式,例如颜色、字体、大小等。
HTML 样式属性
HTML 元素的样式设置可以通过 style
属性来完成。
HTML style
属性的语法如下:
<标签名 style="属性:值;">
属性 是一个 CSS 属性。值 是一个 CSS 值。
您将在本教程的后面部分学到更多关于 CSS 的知识。
背景颜色
CSS background-color
属性定义 HTML 元素的背景颜色。
示例
将页面背景色设置为粉蓝色
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>这是一个段落。</p>
</body>
自己动手试一试 »
示例
为两个不同元素设置背景颜色
<body>
<h1 style="background-color:powderblue;">这是一个标题</h1>
<p style="background-color:tomato;">这是一个段落。</p>
</body>
自己动手试一试 »
文本颜色
CSS color
属性定义 HTML 元素的文本颜色。
字体
CSS font-family
属性定义 HTML 元素使用的字体。
示例
<h1 style="font-family:verdana;">这是一个标题</h1>
<p style="font-family:courier;">这是一个段落。</p>
自己动手试一试 »
文字大小
CSS font-size
属性定义 HTML 元素的文本大小。
文本对齐
CSS text-align
属性定义 HTML 元素的水平文本对齐方式。
Chapter Summary
- 使用
style
属性来设置 HTML 元素的样式。 - 使用
background-color
设置背景颜色。 - 使用
color
设置文本颜色。 - 使用
font-family
设置文本字体。 - 使用
font-size
设置文本大小。 - 使用
text-align
设置文本对齐。
视频:HTML 样式

