HTML 教程 / HTML样式

HTML 样式

学习如何使用style属性为HTML元素添加样式。

style 属性

使用HTML的 style 属性,可以为元素添加内联样式。

语法
<标签名 style="属性:值; 属性:值;"> 

背景颜色

使用 background-color 属性设置背景颜色:

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

文字颜色

使用 color 属性设置文字颜色:

示例
<h1 style="color: red;">红色标题</h1>
<p style="color: blue;">蓝色段落</p> 

字体

使用 font-family 属性设置字体:

示例
<p style="font-family: Arial;">Arial字体</p>
<p style="font-family: 微软雅黑;">微软雅黑字体</p> 

字体大小

使用 font-size 属性设置字体大小:

示例
<p style="font-size: 20px;">20像素大小</p> 

文本对齐

使用 text-align 属性设置文本对齐方式:

示例
<h1 style="text-align: center;">居中标题</h1>
<p style="text-align: left;">左对齐</p>
<p style="text-align: right;">右对齐</p> 
💻 在线代码编辑器
👁️ 预览效果