ankitweblogic logo
W e b t u t o r i a l s

Define CSS

CSS Comment

CSS Selectors

Types of CSS

CSS Color Property

CSS Font Property

CSS Background

CSS Box Model

CSS3 Border Radius

Styling HTML Table

Styling Links

CSS Menu

CSS Display and Visibility

CSS Overflow Property

CSS Position, Z-index

CSS Outline, Offset

CSS Cursor Property

CSS3 box-sizing

CSS Web Layout

CSS Website

Google Fonts

Google Map

Login Form

Google Page

Facebook Page

CSS Assignment List

Styling Links

HTML Table contain some more tags:

<thead> tag is used to specify Header part of HTML table.
<tbody> tag is used to specify Body part of HTML table.
<tfoot> tag is used to specify Footer part of HTML table.

         caption{font-size:25px; color:violet}
         thead {color:green; background:MediumSpringGreen;}
         tbody {color:blue; background:LightCyan;}
         tfoot {color:red; background:Coral;}
         tbody, tfoot{
      <table border="3px"> 
         <caption>Table Heading</caption>
            <tr> <td>Total</td> <td>Student</td> <td>3</td> </tr>
            <tr> <th>Sno</th> <th>Name</th> <th>Course</th> </tr>
            <tr> <td>1</td> <td>A</td>  <td>Dotnet</td> </tr>
            <tr> <td>2</td> <td>B</td>  <td>MultiMedia</td> </tr>
            <tr> <td>3</td> <td>C</td>  <td>English</td> </tr>

CSS border-collapse property

CSS border-collapse property specify whether the table border should collapse into a single border or it should be separated. CSS border-collapse property has 2 values i.e. collapse or separated, default value is separated. ver CSS2.

Example 2: CSS border-collapse property