Подобряване на границите на изображението с CSS, български CSS-трикове

Когато използваме рамка върху изображение, искаме резултатът да изглежда по-привлекателен. Това, както знаете, ви позволява да отделите изображението от другото съдържание на страницата. Обмислете начини за начертаване на границата.

Без рамка:

подобряване

Използване на рамка:

изображението

С „Двойна рамка “:

изображението

Можете да постигнете същия ефект много лесно с CSS. И ще ви отнеме само няколко секунди, за да промените всички граници на сайта.

Как ще го направим?

Най-простата граница:

Двойна рамка, подчертана с цвят:

Други предимства на тази техника

Всички обикновено намаляваме качеството на изображенията, преди да ги използваме в интернет, като по този начин оптимизираме сайта. Сега си представете, че трябва да увеличите картина с нарисувана граница на клиента, в резултат на което ще получите размазани ръбове. В примера по-долу умишлено използвах синя рамка, за да улесня виждането на замъгляването. Картината вляво използва CSS, вдясно рамката е част от изображението.