Trainer Feedback Rating Chart CSS Program

Bymadwithcode

Learning Partner Training Company wants to send Trainer Feedback every month to the trainers. They also want to apply Styling to the Trainer Feedback Rating Chart.

Concept covered: CSS3 Styling – CSS Color, CSS Background, CSS Fonts and CSS Text

Use the CSS Selectors with the given Properties and Values.

Provide the details as given in the table below.

CSS SelectorsProperties And Values
h1·         text should be aligned to the “center” of the page ·         color should be “#FF00FF” ·         font style should be “italic”
table·         text should be aligned to the “left” of the page ·         margin-left should be “35%” ·         background color should be “#F0F0F0”
td·         text should be aligned to the “center” of the page
caption·         text should be aligned to the “left” of the page ·         font should be displayed in “bold”
  • Set background color of component with class tr1 as : #ff0080
  • Set background color of component with class theader as : #800000
  • Set color of component with class theader as : #FFFFFF
  • Set background color of component with id ex1 and vg1 as : #00ff00
  • Set background color of component with id go1 as : #ffff00
  • Set background color of component with id av1 as : #d3d3d3
  • Set color of component with id av1 as : #ffffff
  • Set the background color of the component with id bal as #ff0000
  • Set color of the component with id bal as #fffff

Training Rating Feedback Chart.CSS

 h1{
     text-align: center;
     color: #FF00FF;
     font-style: italic;
 }
table{
     text-align: left;
     margin-left: 35%;
     background-color: #F0F0F0;
 }
 td{
     text-align: center;
 }
 
 caption {
 text-align: left;
 font-weight: bold;
 	
 }
  .theader {
 	color: #ffffff;
 	 background-color: #800000;
 	
 }
 
 .tr1{
     
 	 background-color: #FF0080;    
 }
 
 .tr2{
     
 	 /* Wrtie code for css values here */ 
 
     }
 
 #ex1, #vg1{
     
 	 background-color: #00FF00;
  }
 
 #go1{
     
     background-color: #FFFF00; 
 
     }
 
 #av1{
     
 	 background-color: #d3d3d3;
 	 color: #ffffff;
  }
 
  #ba1{
      
   background-color: #FF0000;
   color: #ffffff;
      
  }

Similar Posts