Двойная рамка CSS с помощью box-shadow + пример

пример реализации двойной рамки с помощью box-shadowВ сети можно найти множество способов реализации двойной рамки, но, сугубо предвзятое мнение, – способ сделать двойную рамку на CSS c помощью box-shadow самый простой и самый действенный.

Во-первых – всего одна строчка кода, а во-вторых – работает во всех браузерах без всяких заморочек и замутов.

Двойная рамка CSS с помощью box-shadow код:

Ну и собственно – как это все выглядит на практике – пример:

 

Содержимое блока с двойной рамкой с помощью box-shadow

 

И пару строчек водички для поисковых систем, без коих статью под названием Двойная рамка CSS с помощью box-shadow не найдет ни один начинающий верстальщик ;). Можно не читать ). Данный способ реализации двойных рамок использую в своих проектах частенько и постоянно приходиться искать через поиск нужную информацию. За решением “глобальных проблем”, как-то не держатся в голове элементные знания, хотя и использовал их уже сотню раз. Ничего страшного, конечно найти в сети нужную информацию, но чтобы получить кусочек кода в одну строчку, зачастую, нужно прочитать/пролистать несколько страниц “ахинеи” от “блохеров” да и не сразу бывает найдешь. И поиск информации нужной информации превращается в чтение размышлений “о смысле жизни” непонятно кого. Да – без кучи ненужного текста не попадешь на первые страницы поисковой выдачи – факт. Но и подумать про посетителей сайта тоже стоит.

Статья писалась, в первую очередь, как шпаргалка для себя любимого, но если данное словоблудие поможет кому-то найти быстрый способ сделать двойную рамку на CSS с помощью box-shadow – плюсик в карму мне.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *