Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Dmitry
@donaire
HTML
CSS
Как сделать нестандартную рамку?
Как сделать рамки, подобные тем, что на этом сайте?
https://videoexpress.ai/fbdeal/index.html
Линии, точки как дорожки на электронных платах.
Вопрос задан
14 мая
209 просмотров
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
historydev
@historydev
классный сайт)
Написано
14 мая
Ankhena
@Ankhena
Куратор тега CSS
Надо бы конкретизировать вопрос, что именно у вас не получается и почему не можете сделать как в примере.
В примере это картинки, причем растровые.
Для таких простых актуальнее было бы заменить на SVG, чтобы не мылили.
Можно, конечно, извращаться линейными и радиальными градиентами, но пока не видно чего бы ради.
Написано
14 мая
Решения вопроса
1
Vamp
@Vamp
Конкретно на этом сайте рамка отрисована картинкой и вставлена через css стиль background-image.
https://videoexpress.ai/fbdeal/assets/images/banne...
Ответ написан
14 мая
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
ImagineTables
@ImagineTables
border-image-slice
не подойдёт?
Вообще, эта техника в UI называется 9-split border. Я пользовался её кастомной имплементацией, но свойство выше должно точно так же решать проблему.
Ответ написан
21 мая
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
73 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
147 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
610 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
985 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1379 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
122 просмотра
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
133 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
82 просмотра
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
171 просмотр
1
ответ
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
88 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама