Hmm tre is no CSS tuts i dont know why so i gonna post one :P and sorry for my english ;/
This tut. show how create dashed border near text and table:
First, lets view a regular table with a default border:
Code:
Regular Border
Code:
<table width="35%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>Regular Border </td>
</tr>
</table>
Now lets see how we can turn this into a cool looking dashed border:
We need to add the style code for dashed borders to the table tag, here it is:
Code:
<table width="35%" border="1" align="center" cellpadding="0" cellspacing="0">
PLUS + [Style Code]
style="border-left:1px dashed #000000; border-top:1px dashed #000000; border-right:1px dashed #000000; border-bottom:1px dashed #000000"
EQUALS = [Dashed Border Table]
<table width="35%" border="0" align="center" cellpadding="0" cellspacing="0" style="border-left:1px dashed #000000; border-top:1px dashed #000000; border-right:1px dashed #000000; border-bottom:1px dashed #000000">
This will give the dashed border, and the color is #000000, which is black.
If you want to change the color, make sure you change the color of each side of the table (right, left, top, and bottom). Ok so the final code loks like this:
Code:
Final HTML Code:
<table width="45%" border="0" cellspacing="1" cellpadding="1" bordercolor="#000000" style="border-left:1px dashed #000000; border-top:1px dashed #000000; border-right:1px dashed #000000; border-bottom:1px dashed #000000">
<tr>
<td height="40">p3rc3pt10n.net owns! <br> </td>
</tr>
</table>
Ok and you have you dashed border have fun! cheers
03-05-2006, 11:40 AM
Similar Threads
Linear Mode
