HTML 样式

实例

我是红色的

我有是蓝色的

我字体很大

运行 »

HTML样式属性

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

HTML style属性具有以下语法

<tagname style=" property : value; ">

属性是CSS属性。该是CSS值。

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


HTML背景颜色

background-color属性定义HTML元素的背景颜色

此示例将页面的背景颜色设置为pink(粉丝):

实例

<body style="background-color:pink;">

<h1>这是一个标题</h1>
<p>这是一个段落.</p>

</body>
运行 »


HTML文字颜色

color属性定义HTML元素的文本颜色

实例

<h1 style="color:blue;">这是一个标题</h1>
<p style="color:red;">这是一个段落.</p>
运行 »

HTML字体

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

实例

<h3>win系统下有效</h3>
<h1 style="font-family:'宋体';">这是一个段落(宋体)</h1>
<p style="font-family:'黑体';">这是一个段落(黑体).</p>
<p style="font-family:'微软雅黑';">这是一个段落(微软雅黑).</p>

<h3>mac系统下有效</h3>
<h1 style="font-family:'SimSun';">这是一个段落(宋体)</h1>
<p style="font-family:'SimHei';">这是一个段落(黑体).</p>
<p style="font-family:'Microsoft YaHei';">这是一个段落(微软雅黑).</p>
运行 »

HTML字体大小

font-size属性定义HTML元素的字体大小

实例

<h1 style="font-size:300%;">这是一个标题</h1>
<p style="font-size:160%;">这是一个段落.</p>
运行 »

HTML文本对齐方式

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

实例

<h1 style="text-align:left;">居左的标题</h1>
<p style="text-align:center;">居中的段落.</p>
<p style="text-align:right;">居右的段落.</p>
运行 »

章节总结

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