The background-color CSS property

You are here: Home » MiltonMarketing Blog » Computer Programming Languages » CSS » The background-color CSS property
  • The background-color CSS property

The background-color CSS property

The background-color CSS property: Now you understand more about CSS and how it works, let’s see how we can use CSS properties to make our page more colourful.

Web pages need to look eye-catching and interesting. We can change the background colour of different areas of our page using different

<div>

tags. First, we have to add style attributes to each of our opening

<div>

tags. Then inside the style attribute we set the background-color CSS property and choose a colour for the CSS value. The code we need looks like this:

<body>
 <p>Hello World.</p>
 <div style="background-color: green;"> <!--background-color property-->
 <p>This is my page.<br/>
 My very first webpage</p>
 </div>
 <div style="background-color: cyan;">
 <p>Changing colors is easy<br/>
 once you know the right HTML/CSS tags.</p>
 </div>
</body>

Sample output of above code:

 

Hello World.

This is my page.
My very first webpage

Changing colors is easy
once you know the right HTML/CSS tags.

 

There are thousands of colours that you can use as values in CSS. Go to Visit W3Schools to view more of them.


Related Posts:

Building a web page with HTML tags

MORE CSS PROPERTIES

Build to-do list web-app with code

Paginate Your WordPress Site Without Plugins

Redirect New Registered Users to a Specific Page – WordPress

The HTML paragraph tag: p and /p

What is a Blog?

The color CSS property

Crackin’ the code: Declo students learn computer programming

Introduction to Python Programming Language

WordPress Posts vs Pages

How do I create money online using WordPress?

Change the Author Permalink Structure – WordPress

Our Downloads Section

How To Start a Blog – Beginner’s Guide for 2018

CODING WITH CSS: The style attribute

How do I start a WordPress blog? (hosting wordpress)

Methods of teaching programming

Object-Oriented Programming (OOP)

 

By |2019-02-08T19:24:14-04:00March 31st, 2018|Categories: Computer Programming Languages, CSS|Tags: , , , , |

About the Author:

I am a loving father, & husband. I am a computer enthusiast. I have used and enjoyed computers since I was young and I enjoy teaching young minds how to code, because it teaches them how to think. Today with YouTube, and social media garbage our youth are losing the ability to think on their own and solve problems. I believe this is a serious epidemic as kids today dont understand that technology is a tool. This tool is being abused, and its underlying effects are taking its toll on kids behaviour, and learning.