Dashed Borders

16/01/2010 20:15

How to make dashed borders

1. Go to the source of your quote/profile.

2. Paste this code:
<div style="border: 5px dashed white;">text goes here</div>

 3. Click "Source" again.

 4. Write whatever you want where it says, "Text goes here." [The below is what it'll look like.]
 
I like dashed borders :]
 
5. Do you want the line thickness to be smaller? Go to the "Source" and change the 5 to a smaller number.
<div style="border: 2px dashed white;">text goes here</div>

 6. Do you want the line thickness to be bigger? Go to the "Source" and change the 5 to a bigger number.
<div style="border: 15px dashed white;">text goes here</div>

7. For other colors, change "white" to any color name, hex code, or rgb code.

 Remember, bigger number = bigger dash thickness.

Back