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>
💻 在线代码编辑器
👁️ 预览效果