Border Codes

Solid Border

<div style="width:600px;height:100px;border:5px solid purple;">text goes here:)</div>

This code will give you a solid border. You can change the color of the border by deleting where it says "purple" and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads "skyblue"

Dotted Border

<div style="width:600px;height:100px;border:5px dotted purple;">text goes here :)</div>

This code will give you a dotted border. You can change the color of the border by deleting where it says 'purple' and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads 'skyblue'

Dashed Border

<div style="width:600px;height:100px;border:5px dashed purple;">text goes here :)</div>

This code will give you a dashed border. You can change the color of the border by deleting where it says 'purple' and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads 'skyblue'

Outset Border

 <div style="width:600px;height:100px;border:10px outset purple;">text goes here:)div>

This code will give you a cool looking outset border. You can change the color of the border by deleting where it says "purple" and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads "skyblue"div>

Inset Border

<div style="width:600px;height:100px;border:10px inset purple;">text goes here :)</div> 

Paragraph.

This code will give you a cool looking inset border. You can change the color of the border by deleting where it says 'purple' and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads 'skyblue'

Grooved Border

<div style="width:600px;height:100px;border:10px groove purple;">text goes here :)</div>

This code will give you a grooved border. You can change the color of the border by deleting where it says "purple" and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads "skyblue"

Double Border

<div style="width:600px;height:100px;border:10px double purple;">text goes here :)</div> 

This code will give you a solid border. You can change the color of the border by deleting where it says "purple" and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads "skyblue"

Mixed Border

 <div style="width:600px;height:100px;border-width:6px;border-color:purple;border-style:dotted dashed solid double;">text goes here :)div>

This code will give you a border with mixed sides. You can change the color of the border by deleting where it says "purple" and changing it to any color you want. if you want a color that has two words, for example: sky blue, you need to squish them together, so the color in the code reads "skyblue"div>