Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
massef
@massef
HTML
CSS
Вёрстка
Как сверстать блоки сеткой с не целыми рамками?
Использую сетку bootstrap, думал обернуть row в див с классом типо grid-border и через псевдоэлементы и nth-child сделать эти линии для col-.
Какие еще есть варианты?
Вопрос задан
более трёх лет назад
300 просмотров
3
комментария
Подписаться
2
Оценить
3
комментария
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
border-image проще
Написано
более трёх лет назад
massef
@massef
Автор вопроса
Ankhena W
нужна поддержка минимум IE9 а border-image от 11
Написано
более трёх лет назад
Ankhena
@Ankhena
Куратор тега CSS
massef
: ну тогда просто множественным фоном из двух градиентиков
Написано
более трёх лет назад
Решения вопроса
3
Lynn «Кофеман»
@Lynn
nginx, js, css
Когда-то уже спрашивали
dabblet.com/gist/e4c3d925f3bec7bd0b97
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
massef
@massef
Автор вопроса
Интересное решение, спасибо!
Написано
более трёх лет назад
WQP
@WQP
after - нижнее подчёркивание
before - левое подчёркивание
У nth-child(3n) сделать after none
Ну и с помощью media убирать их.
-----
Другой способ сделать не через сетку, а через flexbox
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Антон Федорян
@AnnTHony
Интроверт
https://jsfiddle.net/slippyk/q96x2r6c/
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
HelpSophie
@HelpSophie
Задать блокам 2 фона с помощью linear-gradient
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
massef
@massef
Автор вопроса
Что то меня смущает такой вариант, сетка ведь адаптивная, все сжимается, перестраивается
Написано
более трёх лет назад
HelpSophie
@HelpSophie
massef
:
Вам что фон убирать у нужных nth-child, что before|after не показывать. Какая разница?
Градиент тем и хорош, что размеры можно задавать в %.
Кода меньше.
Ну и еще, наверное, потому что я не очень люблю огород из псевдоэлементов, если можно их не делать.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
18 минут назад
11 просмотров
0
ответов
Вёрстка
+1 ещё
Простой
Tailwind v4 как работать с контейнером?
1 подписчик
19 часов назад
46 просмотров
1
ответ
HTML
Простой
Как в файлах формата mhtml запретить переход по ссылкам?
2 подписчика
вчера
526 просмотров
2
ответа
HTML
+1 ещё
Простой
Как растянуть линию от отного блока до другого?
1 подписчик
01 мар.
75 просмотров
1
ответ
CSS
+1 ещё
Простой
Почему не загружаются шрифты на сайте?
нет подписчиков
01 мар.
78 просмотров
0
ответов
HTML
+2 ещё
Средний
Как форматировать таблицы внутри email из Jira?
1 подписчик
28 февр.
68 просмотров
0
ответов
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
116 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему сайт в просмотре кода работает нормально в хроме а без него не правильно?
1 подписчик
28 февр.
147 просмотров
2
ответа
HTML
+2 ещё
Простой
Как выполнить ëфикацию без сторонних библиотек?
2 подписчика
28 февр.
646 просмотров
2
ответа
HTML
+1 ещё
Простой
Как увеличить SVG?
1 подписчик
27 февр.
118 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Верстальщик сайтов
MST
от 500 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама