HTML 样式

2025 年 3 月 25 日 | 阅读 2 分钟

HTML Style 用于更改或添加现有 HTML 元素的样式。每个 HTML 元素都有默认样式,例如背景色为白色,文本颜色为黑色等。

style 属性可以与任何 HTML 标签一起使用。要将样式应用于 HTML 标签,您应该具备 CSS 属性的基本知识,例如 color、background-color、text-align、font-family、font-size 等。

style 属性的语法如下


HTML Style 颜色

color 属性用于定义文本颜色。

让我们看一个使用 CSS color 属性为 HTML 标签设置样式的简单示例。

输出

这是绿色

这是红色


HTML Style background-color

background-color 属性用于为 HTML 标签定义背景颜色。

让我们看一个使用 CSS background-color 属性为 HTML 标签设置样式的示例

输出

这是黄色背景

这是红色背景


HTML Style font-family

font-family 属性指定 HTML 标签的字体系列。

让我们看一个使用 CSS font-family 属性为 HTML 标签设置样式的示例

输出

这是 Times New Roman 字体系列

这是 Arial 字体系列


HTML Style font-size

font-size 属性用于定义 HTML 标签的文本大小。

让我们看一个font-size 属性的示例

输出

这是 200% 的 h3 标签

这是 200% 的 p 标签


HTML Style text-align

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

让我们看一个使用 CSS text-align 属性为 HTML 标签设置样式的示例

如果要将标题置中或靠左,请分别使用“text-align:center”或“text-align:left”。

输出

此文本位于右侧

此文本位于中心

HTML5 不支持旧版本 HTML 中支持的 <center> 标签。

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
style 属性是的是的是的是的是的

如果您想了解更多关于 HTML 样式的信息,可以在 CSS 教程中阅读。

下一主题HTML sub 标签