HTML set background color method

This article is to share content related to html set the background color of the method. Xiaobian feels quite practical, so share it with you to do a reference. Let’s take a look at Xiaobian.

First, let’s take a look on HTML set the background color:

We first set a background color, the background color in the body tag us See results:

       Tumi cloud    What is Tumi cloud    

became a black background color settings, you can not expect results displayed in a browser it?


right is the effect, not see anything, and we look to set a font color, see if you can show up:


this is a Tumi cloud

is not very clear, the font which add text colors can be displayed, but there is no word add color, they still do not show up.

Now let’s look at how to create a background text:


This is Tumi cloud

At this time the font tag no longer held, so we decisive use css styles to change the background color, look out of it, this is a simple css styles only set a background color.

p because of a tag, the background to put the whole line all occupy. This looks more effective point, so I did not box up, on the way to teach us when it, with the background we take so much time, you can add a div tag in the periphery of p labels, set the width the width of the text, soWill not let the text background are shown in a row, which is also one of the common methods.

Of course, the background can also use the picture to make a background diagram, let’s take a look at the effect example:

          This is Tumi Yun 

This is online A picture of copying, the effect is still very obvious, now to see example:

This is the background of the entire web page. We can see the good-looking suitable background diagram from other places to right-click the picture, select the copy of the image address, set it into this URL. This is also very simple, you can practice more of the effects to see if it is like me.

Thank you for reading! About HTML settings background color method is shared here, I hope that the above can help everyone, let everyone learn more knowledge. If you feel that the article is good, you can share it out to let more people see it!


© Copyright Notice
Just support it if you like
comment Grab the couch

Please log in to comment