Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Table Stroke without CSS
Your Ad Here

Table Stroke without CSS


All this is is nesting tables inside each other.

Step 1. This is super simple. First make a table with one row and one column. Make sure that cellpadding="1" and cellspacing="0". Now make the table bgcolor="white".

Example: Table Stroke without CSS

Step 2. Now in the only table cell, insert another table without any cellpadding or cellspacing and only one row and one column.

Step 3. Make the bgcolor of the table you just created to bgcolor="black" and there you are. A table with a white stroke. You can of course change the color of both tables to whatever you like.

<table bgcolor="#ffffff" border="0" cellpadding="1" cellspacing="0" height="150" width="350">
   <tbody>
     <tr>
       <td>
         <table align="right" bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" height="150" width="100%">
           <tbody>
             <tr>
               <td align="center" valign="middle"><div style="color:#ffffff">Example: Table Stroke without CSS</div></td>
             </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>



Author's URL: Tyler Keen
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "Table Stroke without CSS"

Only registered users can write comment

No comments yet...