跳到主要内容

HTML 样式

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

<h1 style="color: red; font-weight:bold">大标题</h1>
<h2 style="color: blue;">副标题</h2>
<h3 style="color: green;">小标题</h3>
about:blank

样式属性​

HTML style 属性有以下语法

<tagname style="property:value;">

tagname为元素的名称，property为样式名称，value为样式的值。 如：

<p style="color:red;text-indent:20px">这里是文章的段落</p>
about:blank

背景颜色​

使用CSS属性 background-color 设置元素的背景色。

背景颜色设置为灰色
<html>
    <body style="background-color:gray;">
        <p>段落内容</p>
    </body>
</html>
about:blank

文本颜色​

使用CSS属性color设置一个元素的文字颜色。

文字颜色设置为红色
<p style="color: red;">这里是一个段落。</p>
about:blank

字体​

使用CSS属性font-family设置元素内文字的颜色。

<p>Hello World</p>
<p style="font-family:Impact">Hello World</p>
about:blank
提示

安全字体 是多个系统（主要是Windows和macOS）都默认自带的字体。 如果设置的不是安全字体，可能在某个系统中字体就无法显示设置字体的样式。

文字大小​

使用CSS属性font-size设置元素内文字的大小。

<p style="font-size:40px;">这里是一个段落。</p>
about:blank

文字对齐方式​

使用CSStext-align属性设置元素的水平文文字对齐方式。

<h3 style="text-align:left;">这是左对齐标题</h3>
<h3 style="text-align:center;">这是居中标题</h3>
<h3 style="text-align:right;">这是右对齐标题</h3>
about:blank

总结​

除了上面提到的样式外，还有许多CSS样式，将在CSS教程中学到。

HTML 参考​

名称描述

CSS 参考​

名称描述