Пример:

Вокруг любого из элементов вашего сайтика вы можете нарисовать рамочку, выбрав ее цвет, ширину и внешний вид. Предположим, вы хотите получит рамку толщиной три пиксела оранжевого цвета вокруг картинки. Для этого в теге картинки img добавьте следующий код:

Сплошная рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 solid;">

Точечная рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 dotted;">

Пунктирная рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 dashed;">

Двойная рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 double;">

Вогнутая рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 groove;">

Выпуклая рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 ridge;">

Внутренняя рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 inset;">

Внешняя рамочка

Это будет выглядеть так:



<img src="http://путь_к_картинке" style="border: 3px #ff7f24 outset;">