Page 39 - PortGPT_V2.1_C7_Flipbook
P. 39

<HEAD>

                 <TITLE>A Simple Table Structure</TITLE>

                 <STYLE>
                 Table

                 {
                 border:2px solid blue;

                 }

                 </STYLE>
                 </HEAD>

                 <BODY>
                 <TABLE>

                 <CAPTION>STUDENT'S DETAILS</CAPTION>
                 <TR>
                     <TH>ADMISSION</TH>

                     <TH>NAME</TH>

                     <TH>TOTAL MARKS</TH>
                 </TR>
                 <TR>

                     <TD>2016/0256</TD>
                     <TD>Aadya Kaushal</TD>

                     <TD>589</TD>
                 </TR>

                 <TR>
                     <TD>2017/0865</TD>

                     <TD>Shweta Kaushal</TD>
                     <TD>545</TD>

                 </TR>
                 </TABLE>

                 </BODY>
                 </HTML>

                 Using border-style Property

                 The border-style property is used to apply outline style of border of the table or any other element.
                 To use this property, it is necessary to use the border property. CSS provides different types of border
                 styles which are Dotted, Dashed, Solid, Double, Groove, Ridge, Inset, Outset, None and Hidden.



                                                                                         Lists and Tables in HTML5  37
   34   35   36   37   38   39   40   41   42   43   44