CSS span area background color design

 CSS span area tags can be used to easily mark specific parts of web content and design different area effects, such as changing the size, color, style, font... etc. of the text. It is all possible, and the span area You can also have your own background color. Web designers only need to use the CSS background-color property to easily modify the background color of the span area. Let’s take a look at the basic syntax of the span area and the background-color property, and then apply the example See the actual effect.

CSS span area tag syntax

<span style="style design">content to be modified</span>

Detailed usage: Introduction to CSS span tag usage .

CSS background-color properties and methods

background-color: color value;

Detailed usage: CSS background-color After

having the above two basic syntaxes, we can combine them to modify the background color of the span . Please see the example.

CSS span area background color design example

<span style="background-color:blue;margin-right:5px;">Blue background color</span>
<span style="background-color:red;margin-right:5px;">Red background Color</span>
<span style="background-color:orange;margin-right:5px;">orange background color</span>

The actual effect of the example

Blue background color red background color orange background color

The group in the example has three different span groups. The background color is adjusted to blue, red, and orange through the background-color of CSS . The actual effect of the example shows quite obvious differences. This is to modify the span background. Common techniques for color.