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
设置文本对齐