| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <style> |
| table { border-collapse: collapse; } |
| td { background-color: green; padding: 0; } |
| div { background-color: orange; height: 4px; width: 1px; } |
| </style> |
| <head> |
| <body> |
| <table> |
| <tr> |
| <td width="1%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="2%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="3%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="4%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="5%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="10%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="20%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="30%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="40%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="50%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="60%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="70%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="80%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="90%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="95%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="96%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="97%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="98%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="99%"><div></div></td> |
| </tr> |
| </table> |
| <table> |
| <tr> |
| <td width="100%"><div></div></td> |
| </tr> |
| </table> |
| </body> |
| </html> |
