User blog:Iopl3887/HTML Boxes

 Tutorial: How to make HTML boxes 

The code for the default box that I use on my wiki is:

Which gives:

But it can easily be customized.

To make the box thinner, Replace the border:0.5em with border:0.2em. Which gives us:

To make it have a different color (it's obvious how, But some of you may not know) replace the hex with something different, For example: The current hex is #FF0000 which is red, But if you replace it with #000000 it turns into this:

And if you want the edges more curvy, Replace border-radius: 10px; with border-radius: 15px;

Which gives:

Original:

After changing border radius:

This shows how rather simple it is to make boxes!