Как создать такой бордер без дополнительный обёртки? чтобы он имел

отступ
html имеет сейчас такой вид
<div class="color-btns d-flex">
<div class="color-btn blue active" data-car="JOLION-blue.png"></div>
<div class="color-btn red " data-car="JOLION-red.png"></div>
<div class="color-btn white " data-car="JOLION-white.png"></div>
<div class="color-btn silver " data-car="JOLION-silver.png"></div>
<div class="color-btn gray " data-car="JOLION-gray.png"></div>
<div class="color-btn black " data-car="JOLION-black.png"></div>
</div>

#frontend #html #javascript #programming #russian

31.07.2023

6 ответов

10 просмотров

999

outline ?

31.07.2023

Vladislav 🍏

Сделай через двойную тень. Этот «отступ» - белая тень, под ней серая чуть больше. Сможешь?

31.07.2023

Andy Vincent Автор вопроса

Vladislav 🍏
Сделай через двойную тень. Этот «отступ» - белая т...

чет не очень понял

31.07.2023

Vladislav 🍏

Andy Vincent
чет не очень понял

box-shadow: 0 0 0 8px gray, 0 0 0 4px white;

31.07.2023

Andy Vincent Автор вопроса

Vladislav 🍏
box-shadow: 0 0 0 8px gray, 0 0 0 4px white;

ctrl c ctrl v и вот результат

31.07.2023

Vladislav 🍏

Andy Vincent
ctrl c ctrl v и вот результат

Порядок наоборот

31.07.2023

Похожие вопросы

Верстка сайтов HTML/CSS/JS/PHP / Вячеслав

Привет, можете подсказать что я делаю не так? Я просмотрел лекции по DOM и что пишут люди на форумах. Но проблема не решается. Вот есть код: `var elemAT = document.getElemen...

#frontend #html #javascript #programming #russian

06.11.2023

25 ответов

Верстка сайтов HTML/CSS/JS/PHP / Lid

Ребят привет, такое дело, думаю я тут не первый и не последний...но.. Нужен совет, помощь Хочу вообще из абсолютно другой сферы перейти в fronted - разработку, естественно в э...

#frontend #html #javascript #programming #russian

10.08.2023

41 ответов

Верстка сайтов HTML/CSS/JS/PHP / Ева

Play the Donut (https://vk.cc/crY2jA) - быстрорастущий стартап в индустрии iGaming/gambling. Мы предоставляем пользователям уникальный игровой опыт и дарим острые ощущения. В ...

#frontend #html #javascript #programming #russian

27.10.2023

2 ответов

Верстка сайтов HTML/CSS/JS/PHP / Ok

<?php // Подключение к базе данных $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database"; $conn = new mysqli($servername, $username...

#frontend #html #javascript #programming #russian

23.10.2023

3 ответов

Верстка сайтов HTML/CSS/JS/PHP / nathan

JQuery. В $singleDesignWrapper есть инпут. Нужно по onchange получать введенное значение в инпут и класть его в content <p class="sidebar-design-name"></p>. Что-то на подобии...

#frontend #html #javascript #programming #russian

31.10.2023

6 ответов

Верстка сайтов HTML/CSS/JS/PHP / Vladimir Ledenyov

Всем привет. Вопрос по tailwind. Почему не работает truncate внутри flexbox? <div class="main-table overflow-y-auto overflow-x-auto"> <div class="flex h-10"> ...

#frontend #html #javascript #programming #russian

03.11.2023

2 ответов

Верстка сайтов HTML/CSS/JS/PHP / Сергей Железняк

Подскажите, как добиться того чтобы контент внутри таба при скроле не заходил за рамки табов вверх (надеюсь понятно объяснил) Это вообще css или js ?

#frontend #html #javascript #programming #russian

08.10.2023

25 ответов

Верстка сайтов HTML/CSS/JS/PHP / Анна

Всем привет! Подскажите пожалуйста, как можно сделать деплой лендинга с доступом только по ссылке, чтобы он нигде не отображался и не индексировался? Нужно и для разработки и ...

#frontend #html #javascript #programming #russian

18.11.2023

19 ответов

Верстка сайтов HTML/CSS/JS/PHP / Артемий

Кто шарит за React? Проблема: при изменении состояния в хранилище Redux компонент, который от него зависит, не перерисовывается. При вызове dispatch (который вызывается при o...

#frontend #html #javascript #programming #russian

21.09.2023

6 ответов

Верстка сайтов HTML/CSS/JS/PHP / Панда См

Всем привет! Пытаюсь настроить gulp. Вроде все сделал правильно, при запуске в ТЕРМИНАЛЕ gulp ошибок не выбивает! Но не создается папка DIST! Кто подскажет в чем проблема?(((

#frontend #html #javascript #programming #russian

09.10.2023

22 ответов

Смотреть еще

169 похожих чатов

Как создать такой бордер без дополнительный обёртки? чтобы он имел

6 ответов

Похожие вопросы