HTML样式



我们先来看一个实例

<p>默认样式</p>
<p style="color:red;">红色</p>
<p style="color:blue;">蓝色</p>
<p style="font-size:36px;">大字体</p>

让我试试


html样式属性

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

html样式属性的语法如下:

<tagname style="property:value;">

property 是一个CSS 属性. value 是一个CSS 值.

您将在本教程的后面学习更多关于CSS。


HTML背景颜色

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

本例为页面设置背景颜色为粉蓝色,例如:

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

<h1>编程字典</h1>
<p>超级编程字典,高效编程利器!</p>

让我试试


HTML文本颜色

color属性定义一个HTML元素的文本颜色,例如:

<h1 style="color:blue;">编程字典</h1>
<p style="color:red;">超级编程字典,高效编程利器!</p>

让我试试


HTML 字体

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

<h1 style="font-family:'微软雅黑';">编程字典</h1>
<p style="font-family:courier;">超级编程字典,高效编程利器!</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:center;">标题居中.</h1>
<p style="text-align:center;">段落居中.</p>

让我试试


本章小结

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