Edit in JSFiddle


              
            
          
            
              
                
<h1> CSS Primer which can be applied using ID selector and Class Slector </h1>

<div id="Exam1"> Applying CSS for all ID Selector under this HTML Document This is ID Exam1 </div>

<div id="Exam1"> This is ID Exam1 (Example 2 for ID slector) </div>

<div class="Exam2"> Applying CSS for All Class Selector under this HTML Document. This is Class Exam2 </div>

<div class="Exam2"> This is Class Exam2 (Example 2 for class slector) </div>
h1 {
    color: gray;
     text-align:center;
}
div {
    margin:10px;
    padding:20px;
    }
/* All CSS Decoration for ID selector starts with '#' tag */
#Exam1 {
    
    Color:blue;
    background:gray;
    border:1px solid black;
    border-bottom-right-radius: 50px;
    border-top-left-radius:60px
    
}
.Exam2 {
    color:red;
    background:darkgray;
    border:2px solid black;
    border-radius: 500px;
    
}