HTML 样式

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

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

例子

我是红色

我很郁闷

我很大

HTML style 属性

可以使用 style 属性来设置 HTML 元素的样式。

HTML style 属性具有用法如下:

<tagname style="property:value;"></tagname>

property 是一个 CSS 属性。该 value 是一个 CSS 值。

在本教程后面,您将了解有关 CSS 的更多信息。

背景颜色

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

例子

将页面的背景颜色设置为粉蓝色:

<body style="background-color:powderblue;">
  <h1>HTML 教程</h1>
  <p>学习 HTML 是一个很简单很愉悦的过程。</p>
</body>

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

<body>
  <h1 style="background-color:powderblue;">HTML 教程</h1>
  <p style="background-color:tomato;">学习 HTML 是一个很简单很愉悦的过程。</p>
</body>

文字颜色

CSS 的 color 属性用来定义 HTML 元素的文本颜色:

<h1 style="color:blue;">HTML 教程</h1>
<p style="color:red;">学习 HTML 是一个很简单很愉悦的过程。</p>

字体

CSS 的 font-family 属性用来定义用于 HTML 元素的字体:

<h1 style="font-family: Microsoft Yahei;">HTML 教程</h1>
<p style="font-family: courier;">学习 HTML 是一个很简单很愉悦的过程。</p>

字体大小

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

<h1 style="font-size:300%;">HTML 教程</h1>
<p style="font-size:160%;">学习 HTML 是一个很简单很愉悦的过程。</p>

文本对齐

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

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

总结

  • 使用 style 属性来设置 HTML 元素的样式
  • 使用 background-color 设置背景颜色
  • 使用 color 设置文字颜色
  • 使用 font-family 设置文字字体
  • 使用 font-size 设置文本大小
  • 使用 text-align 设置文本对齐