Стили border css

№ - 6 Эффект « Стили border »

Коды для изменения вида рамки..

Любой фрагмент или часть html страницы возможно выделить из общей массы взяв её в рамку. Вы желаете нарисовать бордюр какого-то цвета вокруг изображения , абзаца или выделить блок с полезной информацией. Для этого вам необходимо в тегах img ,div, p ... добавить один из кодов style="border: 10px #6495ed dotted; или сделать запись <style> .... </style> с последующим добавлением класса к элементу:

в классе указываем : размер | цвет | стиль
<style>
.border-solid{border: 10px #6495ed solid;}
.border-dotted{border: 10px #0000CD dotted;}
.border-dashed{border: 10px #FF00FF dashed;}
.border-double{border: 10px #FF00DD double;}
.border-groove{border: 10px brown groove;}
.border-ridge{border: 10px tan ridge;}
.border-inset{border: 10px #D2691E inset;}
.border-outset{border: 10px #FFA500 outset;}
</style>