How to change the background color on the site?

Table of contents:

How to change the background color on the site?
How to change the background color on the site?
Anonim

You can completely customize your blog or website very easily. This article shows you how easy it is to change the font in the header and background image of a page.

Bloggers and site owners usually change the background to make their site more visually appealing to visitors. However, a background image that is added incorrectly can confuse the visitor, and even cause distrust of your site or blog and unwillingness to visit it again. To add the background correctly, it is important to use the correct HTML codes.

background color
background color

There are just a few simple HTML codes that you can use to change the look of your existing site. Many users don't even realize how easy it is.

How to customize the font

First of all, you will have to add four meta tags anywhere after the. You can simply copy the symbols below and paste them into your resource after removing the spaces.

background color in html
background color in html

How to set background color

Open the page in the HTML of your blog or website. When editing a page offline, you can open it in Dreamweaver to make your work easier. If your site was created using the constructor, some services allow you tomodify HTML settings online by going to the "Design" page and selecting the "Edit HTML" tab. Either way, you should be able to access the HTML codes for your blog or website. The setup process can vary greatly depending on what services are available to you and what engine you are using.

Don't try to look for a single image with a different color if all you have to do is change the background color. Instead, you can simply edit the HTML and change the existing color to whatever you want to keep.

You can easily find the HTML color chart in specialized publications. Each color is displayed in the markup as a six-digit code. For example, a white background is indicated as FFFFFF.

So find the color code you want to see on your site as the background color. In markup it would look like this:

body {

background-color:XXXXXX; {

After you save the background color in HTML, you will see that the appearance of your page has changed.

White background
White background

Adding a background image

Select the image you want to add as background. There are many sites that allow you to download such backgrounds. Alternatively, you can use a picture that is already saved on your computer.

Upload the image to the Internet. Many allow you to download images for free. Get a URL to your background image. To do this, you need to open the image in your browser and copyURL.

Paste the code to add an image as a background. In HTML it looks like this:

body {

background-image: url(image URL);

You need to add the code where the page body starts in the HTML. Save changes after editing and load your site. You can see that the image has completely replaced the background color.

However, remember that images that are too large can take a very long time to load, which will be unpleasant for many visitors. For this reason, try to choose small images for this purpose.

Recommended: