html 发言样式,HTML样式

HTML Styles

The HTML style attribute is used to add styles to an element, such as color, font, size, and more.

Example

I am Red

I am Blue

I am Big

来试试吧 »

The HTML Style Attribute

Setting the style of an HTML element, can be done with the style attribute.

The HTML style attribute has the following syntax:

style="property:value;">

The property is a CSS property. The value is a CSS value.

You will learn more about CSS later in this tutorial.

背景颜色

The CSS background-color property defines the background color

for an HTML element.

Example

Set the background color for a page to powderblue:

This is a heading

This is a paragraph.

来试试吧 »

Example

Set background color for two different elements:

This is a heading

style="background-color:tomato;">This is a paragraph.

来试试吧 »

文字颜色

The CSS color property defines the text color for

an HTML element:

Example

This is a heading

This is a paragraph.

来试试吧 »

Fonts

The CSS font-family property defines the font to be used

for an HTML element:

Example

This is a heading

This is a paragraph.

来试试吧 »

Text Size

The CSS font-size property defines the text size for

an HTML element:

Example

This is a heading

style="font-size:160%;">This is a paragraph.

来试试吧 »

文字对齐

The CSS text-align property defines the horizontal text alignment for an HTML element:

Example

Centered Heading

Centered paragraph.

来试试吧 »

Chapter Summary

Use the style attribute for styling HTML elements

Use background-color for background color

Use color for text colors

Use font-family for text fonts

Use font-size for text sizes

Use text-align for text alignment

HTML 练习

Test Yourself With 练习

Exercise:

Use the correct HTML attribute, and CSS, to set the color of the paragraph to "blue".

This is a paragraph.

Submit Answer »