最新的Web开发教程

HTML样式

HTML样式

I am red

I am blue

试一试»

在HTML Style属性

设置一个HTML元素的样式,可以用做style属性。

HTML样式属性的语法如下:

style=" property : value; "

property是一个CSS属性。 该value是一个CSS值。

您将了解更多关于CSS本教程后面。


HTML背景颜色

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

此示例设置页面浅灰背景:

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

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
试一试»

HTML文本颜色

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

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
试一试»

HTML字体

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

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
试一试»

HTML文本大小

font-size属性定义HTML元素的文本大小:

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
试一试»

HTML文本对齐

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

<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
试一试»

章节总结

  • 使用style的造型HTML元素属性
  • 使用background-color作为背景色
  • 使用color文本颜色
  • 使用font-family为文本字体
  • 使用font-size的文本大小
  • 使用text-align文本对齐

测试自己与练习!

练习1» 练习2» 练习3» 练习4» 练习5» 练习6»