How to change the background color on the site?

You can fully customize your blog or website very easily. This article describes how to simply change the font in the title and background image of the page.

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

background color

There are just a few simple HTML codes with which you can change the look of your existing site. Many users do not even realize how simple it is.

How to customize the font

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

html background color

How to adjust the background color

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

You should not try to look for a separate image with a different color, if all you need to do is change the background color. Instead, you can simply edit the HTML and change the existing color to the one 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.

Thus, find the color code that you want to see on your site as the background defining color. In the markup, it will look like this:

body {

background-color: #XXXXXX; {

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

White background

Adding a background image

Select the image you want to add as a background. There are many sites that allow you to download such backgrounds. In addition, 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 the URL link to your background image. To do this, you need to open the image in your browser and copy the URL.

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

body {

background-image: url (image URL);

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

However, remember that too voluminous images may require a lot of time to download, which will be unpleasant for many visitors. For this reason, try to select small images for this purpose.

Source: https://habr.com/ru/post/C31755/


All Articles