study and produce images borders diferent HTML codes easily

To begin we show know what's borders : A border is a decorative frame that surrounds a page or elements on a page. The border can be a simple rule line or an elaborate set of lines and curves. A border can be composed of repeating graphic elements. Borders can be used to set apart, draw attention, or unify disparate elements.

       To change the appearance of image borders, you need to use CSS (Cascading
Style Sheets). You can include CSS in your images using the style

attribute of the HTML
img
tag. You can
use the HTML code on this page to determine image borders within your HTML
document.
Below are some examples of what you can do with HTML image borders using CSS.

Solid Border

This code results in:
Milford Sound in New Zealand

Dotted Border

This code results in:
Milford Sound in New Zealand

Grooved Border

This code results in:
Milford Sound in New Zealand

Double Border

This code results in:
Milford Sound in New Zealand

Thick Solid Border

This code results in:
Milford Sound in New Zealand

Outset Border

This code results in:
Milford Sound in New Zealand

Inset Border

This code results in:
Milford Sound in New Zealand

Ridged Border

This code results in:
Milford Sound in New Zealand

Dashed Border

This code results in:
Milford Sound in New Zealand

Mixed Border

This code results in:
Milford Sound in New Zealand
The above code uses the CSS
border
property which is shorthand for the various border properties (such as
border-style, border-color etc. For more info, check out the various border
properties on the CSS Properties
list

Comments

Popular Posts