HTML 样式

HTML style 属性用于为元素添加样式，例如颜色、字体、大小等。

实例

我是红色

我是蓝色

我是大号字

设置 HTML 元素的样式可以通过 style 属性实现。

HTML style 属性的语法如下：

<tagname style="属性:值;">

属性是 CSS 属性。值是 CSS 值。

您将在本教程后续内容中了解更多关于 CSS 的知识。

CSS background-color 属性定义 HTML 元素的背景颜色。

将页面背景颜色设置为浅蓝色：

<body style="background-color:powderblue;">

<h1>这是一个标题</h1>
<p>这是一个段落。</p>

</body>

为两个不同元素设置背景颜色：

<body>

<h1 style="background-color:powderblue;">这是一个标题</h1>
<p style="background-color:tomato;">这是一个段落。</p>

</body>

CSS color 属性定义 HTML 元素的文本颜色：

<h1 style="color:blue;">这是一个标题</h1>
<p style="color:red;">这是一个段落。</p>

CSS font-family 属性定义 HTML 元素使用的字体：

<h1 style="font-family:verdana;">这是一个标题</h1>
<p style="font-family:courier;">这是一个段落。</p>

CSS font-size 属性定义 HTML 元素的文本大小：

<h1 style="font-size:300%;">这是一个标题</h1>
<p style="font-size:160%;">这是一个段落。</p>

CSS text-align 属性定义 HTML 元素的水平文本对齐方式：

<h1 style="text-align:center;">居中对齐的标题</h1>
<p style="text-align:center;">居中对齐的段落。</p>