How to change the background color on the website?

Date:

2018-03-20 18:57:07

Views:

762

Rating:

1Like 0Dislike

Share:

Table of contents:

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

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

background color

There are only a few simple HTML codes, which you can change the look of your existing website. Many users don't even suspect how simple it is.

How to set font

First and foremost, you have to add four of the meta tag anywhere after < head >. You can just copy the symbols shown below and paste them to your resource, removing the spaces.

the background color with the html

How to set background color

Open the page in the HTML of your blog or website. When you edit a page offline, you can open it in Dreamweaver to facilitate their work. If your website is created with the constructor some services allow you to change the settings of the HTML online by going to the “Design” and select “Edit HTML”. In any case, you should be able to access the HTML code for your blog or website. The configuration process can vary greatly depending on which service you are available and what engine you use.

Recommended

Bitcoin farm: earnings on cryptocurrency

Bitcoin farm: earnings on cryptocurrency

Mining of bitcoin – it is a process in which cryptocurrency is produced. To use bitcoin, you should try to complete the “block” containing recent transactions. They are recorded in a digital Ledger called the blockchain. Once the bl...

Natalia Yaschuk. Who is she? Blogger, Weiner or TV presenter?

Natalia Yaschuk. Who is she? Blogger, Weiner or TV presenter?

Internet Users have probably seen funny videos called Minami. The network currently thousands. Make them completely different people, and the subjects also varied. So, one of the authors of these movies - the incredible Natalia yaschuk! Who is this s...

How to increase the relevance? Search queries. Relevance check

How to increase the relevance? Search queries. Relevance check

Despite the fact that modern search engines are trying to adapt to the users searching information in the Internet does not become any easier. All because every day on the web expanse of the thousands of new sites. And the amount of garbage that regu...

You should Not try to seek 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 find a chart HTML color in specialized publications. Each color is displayed in the markup of a six-digit code. For example, the white background is indicated as #FFFFFF.

So, find out the color code that you want to see on your site as the defining background color. In markup this 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 is changed.

white background

Adding background images

Select the image you want to add as the background. There are many websites that allow you to download these backgrounds. In addition, you can use a picture already stored on your computer.

Fill the image to the Internet. Many allow you to upload images for free. Get the URL to your background image. For this you need to open the image in your browser and copy the URL.

Insert the code to add an image as the background. In HTML it looks as follows:

Body {

Background-image: url(image URL);

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

However, remember that too large images can require very long time to load, that will be frustrating to many visitors. For this reason, try to choose a small image for this purpose.


Article in other languages:

AR: https://tostpost.com/ar/internet/1836-how-to-change-the-background-color-on-the-website.html

BE: https://tostpost.com/be/nternet/3196-yak-zmyan-c-koler-fonu-na-sayce.html

DE: https://tostpost.com/de/internet/3194-wie-ndert-man-die-hintergrundfarbe-auf-der-website.html

ES: https://tostpost.com/es/internet/3199-como-cambiar-el-color-de-fondo-en-el-sitio.html

HI: https://tostpost.com/hi/internet/1836-how-to-change-the-background-color-on-the-website.html

JA: https://tostpost.com/ja/internet/1835-how-to-change-the-background-color-on-the-website.html

KK: https://tostpost.com/kk/internet/3197-ret-nde-fon-t-s-n-zgertu-saytta.html

PL: https://tostpost.com/pl/dost-p-do-internetu/3200-jak-zmieni-kolor-t-a-na-stronie.html

PT: https://tostpost.com/pt/servi-os-de-internet/3197-como-alterar-a-cor-de-fundo-do-site.html

TR: https://tostpost.com/tr/nternet/3202-nas-l-arka-plan-rengini-de-i-tirmek-i-in-sitede.html

UK: https://tostpost.com/uk/nternet/3199-yak-zm-niti-kol-r-fonu-na-sayt.html






Alin Trodden - author of the article, editor
"Hi, I'm Alin Trodden. I write texts, read books, and look for impressions. And I'm not bad at telling you about it. I am always happy to participate in interesting projects."

Comments (0)

This article has no comment, be the first!

Add comment

Related News

Payment system Quick Cash: reviews. Divorce or the truth?

Payment system Quick Cash: reviews. Divorce or the truth?

on the Internet recently began to appear more and more information about the various services deception, which try to lure money from naive users. Perhaps it — coincidence; or maybe, the web is really a growing number of pro...

Invisible in the

Invisible in the "Classmates". As for the "Classmates" to know the invisible? How to turn invisible in the "Classmates"?

the Social network "Classmates" is very popular among users of “world wide web”. Until recently, the site was one the best advantage, which significantly distinguishes it from other similar places online hang...

The Ojooo project: reviews

The Ojooo project: reviews

active advertising Systems — one of the most popular types of earnings on the Internet. Among users Runet special popularity was received by project Ojooo.com Watching Ad. The reviews on this site confirm that good living is...

Web Studio: rating of services on creation and promotion of sites, reviews

Web Studio: rating of services on creation and promotion of sites, reviews

How to choose a worthy web Studio, not relying on the opinion of friends, especially if there is no one to recommend? Even if we shoveled the entire Internet, or to announce a tender on the stock exchange of freelancers, still the...

How easy it is to find a similar picture?

How easy it is to find a similar picture?

making presentations, writing different kinds of work, collages - all this requires a search of images on a given topic. Quite often the situation arises when you need to take a given image and find a similar picture, but for exam...

How to restore mail Mail.ru? Email Mail.ru to restore, customize

How to restore mail Mail.ru? Email Mail.ru to restore, customize

Today we decided to talk about how you can restore the data from its mailbox on the Mail service. Many users know that Mail service is one of the most popular sites in our country. The service appeared relatively long time, at tha...