01 BODY

01 කඳ කොටස

  /* CSS codes of the HTML body  */
  body{ 
      color : rgb(255, 255, 255);  /* < text color */
      width: 50%;
      height: 50%;
      overflow: auto;
      margin: auto;
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
      background-image  : url('imgs/bg1.jpg');
  }

02 Text and characters

02 පාඨ සහ අක්ෂර

Heading (h1)

Heading (h2)

Heading (h3)

Heading (h4)

Heading (h5)

Heading (h6)

Heading (h1)

Heading (h2)

Heading (h3)

Heading (h4)

Heading (h5)

Heading (h6)

 /* CSS codes of the topics */
 .topic_style{

   color:  white;
   font-style: italic;
   font-family: cursive;
     
  }

03 HORIZONTAL RULE

03 තිරස් රේඛාව

Different styles of HR:

"HR" (තිරස් රේඛා වල) විවිධ මෝස්තර

 /* border */
 hr.new1 {
    border-top: 1px solid #3d9cd7;
  }
  /* Dashed border */
   hr.new2 {
    border-top: 1px dashed #3d9cd7;
  }
   /* Dotted border */
   hr.new3 {
     border-top: 1px dotted #3d9cd7;  
  }
    /* Thick border */
    hr.new4 {
     border: 1px solid #3d9cd7;
  }
    /* Large rounded border */
    hr.new5 {
        border: 10px solid #3d9cd7;
      border-radius: 5px;
  }

04 TABLE

04 වගු

Student Data
Name	Stream	Age
Thevinu	Technology Sub.	17
Pigera	Commerce	17
Wadithya	Maths	17
Akila	Commerce	17

 /* css code of the table */
 th,td {
    border: 5px solid white;
 }
  table.d {
  table-layout: fixed;
  width: 50%;
  width: 100%;  
 }