Using server side includes to design and code your web site allows you to keep your develo..
A list of great sites to submit your tutorials and articles that actually bring traffic to..
Heres a great series of posts from ProBlogger Darren Rowse who reveals some great tips and..
Ever wondered if there was a way that would save you having to run the Trace Bitmap comman..
3 Ways to create New Year screen saver for your computer. You could add make an animated s..
Heres some great inspiration for logo design with examples of mod..
This detailed 3D Studio Max tutorial will teach you how to animat..
There are many different types of border from solid one color to double line and even in and out set borders with different shades of color. The examples below show the code that you will need to use in the <style></style> tags of your div tags, images or form buttons.
Setting the width of a border is as simple as this:
<div style="border-width: 2px;"></div>
You can also use these next examples to change the color of a border:
<div style="border-color: #334455;"></div>
<div style="border-color: red;"></div>
Here are some examples of the various border types available with examples to show you how they appear.
border-width: 2px;border-style: solid; border-color: #f48039;
This is a solid border
border-width: 2px;border-style: dashed; border-color: #f48039;
This is a dashed border
border-width: 2px;border-style: dotted; border-color: #f48039;
This is a dotted border
border-width: 2px;border-style: double; border-color: #f48039;
This is a double border
border-width: 4px; border-style: groove; border-color: #f48039;
This is a groove border
border-width: 4px; border-style: ridge; border-color: #f48039;
This is a ridge border
border-width: 4px; border-style: inset; border-color: #f48039;
This is a inset border
border-width: 4px; border-style: outset;
This is a outset border
Short hand in css is a way of writing many of the above examples in one line of property code, or in other words squeezing it all into one simple line, as follows:
<div style="border: 10px solid #f48039;"></div>
This is a outset border
Send to a friend