Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
sanekstr
@sanekstr
HTML
CSS
Как сделать border на половину картинки?
Здравствуйте подскажите пожалуйста, как сделать чтобы border обволакивал только половину фигуры? Вот как здесь
Заранее спасибо
Вопрос задан
более трёх лет назад
4424 просмотра
Комментировать
Подписаться
7
Сложный
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
svarnoi420
@inomdzhon92
html, css, js, nodejs
Первый способ. Самый простой. Через градиенты.
codepen.io/anon/pen/MwQMLG
Второй способ. Через псевдоэлементы. Классика ;)
codepen.io/anon/pen/oXErMr?editors=110
Ответ написан
более трёх лет назад
Комментировать
Нравится
5
Комментировать
Facebook
Вконтакте
Twitter
Глюкъ Виртуален
@gluck59
Виртуальный глюк
Третий способ: представьте себе что это не бордер, а самостоятельный элемент. Например SVG.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Евгений Перин
@seoperin
Full stack web developer. Laravel / Vue
Накидал такой вариант
codepen.io/anon/pen/KpQYjL
=) Не знаю насколько он нормальный, просто ради интереса сделал
Ответ написан
более трёх лет назад
1
комментарий
Нравится
6
1
комментарий
Facebook
Вконтакте
Twitter
Moskus
@Moskus
Я бы еще добавил ширину и высоту div-у, равные ширине и высоте картинки. Иначе могут быть глюки.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
вчера
122 просмотра
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
вчера
95 просмотров
1
ответ
HTML
Средний
Как добавить в HTML страницу воспроизведение музыки?
1 подписчик
вчера
101 просмотр
1
ответ
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
вчера
50 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
52 просмотра
0
ответов
CSS
Простой
Как выровнять крестик?
1 подписчик
23 июл.
101 просмотр
1
ответ
CSS
Простой
Как решить проблему с наложением в сафари?
2 подписчика
22 июл.
292 просмотра
1
ответ
CSS
Простой
Что поправить в градиенте?
1 подписчик
21 июл.
99 просмотров
0
ответов
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
5 подписчиков
19 июл.
1984 просмотра
3
ответа
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
18 июл.
104 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама