I just threw this page together quickly, because I wanted to see the different borders displayed
together. I will be doing a better job of it later. There is a bit more to borders then just this,
but I just wanted to make a page so I can see them in a quick view, so that I could pick the ones
I wanted to use when I am making my webpages.
border: 1px solid black;
border: 1px dotted black;
border: 1px dashed black;
border: 1px double black;
border: 1px groove black;
border: 1px ridge black;
border: 1px inset black;
border: 1px outset black;
border: 3px solid black;
border: 3px dotted black;
border: 3px dashed black;
border: 3px double black;
border: 3px groove black;
border: 3px ridge black;
border: 3px inset black;
border: 3px outset black;
border: 3px solid black; border-radius:15px;
border: 3px dotted black; border-radius:15px;
border: 3px dashed black; border-radius:25px;
border: 3px double black; border-radius:25px;
border: 3px groove black; border-radius:32px;
border: 3px ridge black; border-radius:32px;
border: 3px inset black; border-radius:50px;
border: 3px outset black; border-radius:50px;
border: 5px solid black;
border: 5px dotted black;
border: 5px dashed black;
border: 5px double black;
border: 5px groove black;
border: 5px ridge black;
border: 5px inset black;
border: 5px outset black;
border: 10px solid black;
border: 10px dotted black;
border: 10px dashed black;
border: 10px double black;
border: 10px groove black;
border: 10px ridge black;
border: 10px inset black;
border: 10px outset black;
border: 10px solid red;
border: 10px dotted red;
border: 10px dashed red;
border: 10px double red;
border: 10px groove red;
border: 10px ridge red;
border: 10px inset red;
border: 10px outset red;
border: 10px solid green;
border: 10px dotted green;
border: 10px dashed green;
border: 10px double green;
border: 10px groove green;
border: 10px ridge green;
border: 10px inset green;
border: 10px outset green;
border: 10px solid blue;
border: 10px dotted blue;
border: 10px dashed blue;
border: 10px double blue;
border: 10px groove blue;
border: 10px ridge blue;
border: 10px inset blue;
border: 10px outset blue;
For this quick view of the borders that you can use in your html webpages,
with css, I just used the shorthand code. You can actually do a lot more with
borders then is shown on this simple little page.