Когда необходимо задать рамку для элемента на сайте, можно сделать это с помощью border. Различные стили рамки подойдут как для галереи, так и для того, что бы выделить определенный элемент на сайте.
Пример
HTML
< divclass = " border-style-solid" > </ div> < divclass = " border-style-dotted" > </ div> < divclass = " border-style-dashed" > </ div> < divclass = " border-style-double" > </ div> < divclass = " border-style-groove" > </ div> < divclass = " border-style-ridge" > </ div> < divclass = " border-style-inset" > </ div> < divclass = " border-style-outset" > </ div>
CSS
.border-style-solid {
border : 5px solid #f66d52;
padding : 5px;
}
.border-style-dotted {
border : 5px dotted #f66d52;
padding : 5px;
}
.border-style-dashed {
border : 5px dashed #f66d52;
padding : 5px;
}
.border-style-double {
border : 8px double #f66d52;
padding : 5px;
}
.border-style-groove {
border : 8px groove #f66d52;
padding : 5px;
}
.border-style-ridge {
border : 8px ridge #f66d52;
padding : 5px;
}
.border-style-inset {
border : 8px inset #f66d52;
padding : 5px;
}
.border-style-outset {
border : 8px outset #f66d52;
padding : 5px;
}
