|
We are going to make the above image using HTML.
First off, here is your code. Copy-Paste it down somewhere!
<table border=2 bordercolor=blueviolet cellspacing=0><tr><td>
YOUR TEXT HERE
</table>
This would produce a SINGLE purple border.
To have the "Easy To Use" copy, use this:
<table border=BORDER NUMBER bordercolor=COLOUR cellspacing=SPACE NUMBER><tr><td>
YOUR TEXT HERE
</table>
Next
We need to ask ourselves:
-
How many of the borders do I want?
-
What color do I want them to be?
-
Do I want them to be spaced out from one another?
After you asked yourself this, copy down how many codes you need. For examples, if you want TWO colors
next to each other, you'd need:
<table border=2 bordercolor=blueviolet cellspacing=0><tr><td><table border=2 bordercolor=dodgerblue
cellspacing=0>
YOUR TEXT HERE
</table></table>
And so on and so forth. Make SURE you combine them. Meaning, as seen above, don't paste one code after another. Paste
them together as seen.
Now, as for the colouring of the borders, I suggest using This Page. It will open in a new browser window. No worries.
When you get to the page, you will see the below image on the left side of the webpage. Just click on whatever color
suits your fancy!
Then this will come up. See where it says "Light Faded Green"? I want you to copy that down in the place of the "COLOUR"
in the example. If you have other colours you want, just click on those on the color chart, then put them in for whatever
border you want!
Now we currently have THIS code; (Depending on how many borders you want, it may be different)
<table border=BORDER NUMBER bordercolor=Light Faded Green cellspacing=SPACE NUMBER><tr><td>
YOUR
TEXT HERE
</table>
Next, I want you to decide if you wanted them spaced out or not. In the above example, they aren't. So, I'm
going to put in "0" for the "SPACE NUMBER" option. If you want it to be more spread apart, just play with the numbers until
you have what you want.
So now we have THIS code:
<table border=BORDER NUMBER bordercolor=Light Faded Green cellspacing=0><tr><td>
YOUR
TEXT HERE
</table>
Now all we have left is "BORDER NUMBER". This is how thick/big your border is going to be. I want mine NOT
that big, but big enough to see, so I'm going to put "2" in for that field. If you want it bigger, put a bigger number in
there. If you want it smaller, a smaller number will do. So, now our table is complete, and we can copy-paste it where we
want. All we have to do now is add our text where it says "YOUR TEXT HERE".
Code should look like this:
<table border=2 bordercolor=Light Faded Green cellspacing=0><tr><td>
YOUR TEXT
HERE
</table>
|
