How To Set The Background Color For HTML Elements Using CSS

admin_img Posted By Bajarangi soft , Posted On 30-10-2020

Using CSS we can set background color for specified html body .So today we discuss how to do it .

How To Set The Background Color For HTML Elements Using CSS


Create index.html file and implement as below code in it.

 

<h1 style="background-color:DodgerBlue;">Hello World ,Welcome to BajarangiSoft</h1>
<p style="background-color:Tomato;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
    nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
    nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>



Complete Code For Setting The Background Color For HTML Elements Using CSS.

 

<!DOCTYPE html>
<html>
<head>
    <title>How To Set The Background Color For HTML Elements Using CSS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>
    body {
        background: chocolate;
    }
</style>
<body>
<br/><br/>
<div class="container">
    <br><br><br>
    <div class="text-center">
        <h1 id="color" style="color: white;">Set The Background Color For HTML Elements Using CSS</h1>
    </div>
    <br>
    <div class="well">
        <h1 style="background-color:DodgerBlue;">Hello World ,Welcome to BajarangiSoft</h1>
        <p style="background-color:Tomato;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
            nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
            nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
    </div>
    <br>
</div>
</body>
</html>

Related Post