Как сделать колонки между блоками?
113
15 ноября 2020, 15:50
как сделать такие вот колонки между блоками?
Answer 1
Нуу.. есть много вариантов такое сделать, одно из самых простых - добавить обычный бордер справа от каждого блока и убрать этот бордер у крайнего элемента справа. HTML-style будет в приоритете:
.moo {
border-right: 2px solid black;
width: 20%;
height: 30px;
background-color: #333;
}<div style="display: flex">
<div class="moo"></div>
<div class="moo"></div>
<div class="moo"></div>
<div class="moo"></div>
<div class="moo" style="border-right: none;"></div>
</div>Можно было у общего блока сделать background-color: black; а между кнопками меню сделать зазор через margin-right: 2px;. Пустота между ними оказалась бы черной от бекграунда родителя.
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47572 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30499 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23641 visits
- Как через css изменить цвет png изображения? 10351 visits
- Blob video url download 9961 visits
- Php curl запрос через прокси с авторизацией 9214 visits
- Работа с captcha vk api 8096 visits
© "hostciti.net" 30.11.2024 | 05:44