Задать вопрос
@losos_lapolosos
html

Как с помощью css сделать вот такое подчёркивание?

5c9e17aee4e9e174499488.png
  • Вопрос задан
  • 1258 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 3
leni_m
@leni_m
ЧупаКобрус
Ответ написан
1 комментарий
1 комментарий
weranda
@weranda
Варианты:
1. Добавить внутрь главного тега два тега и задать им стили.
2. Добавить один тег внутрь главного тега и задать ему стили :before и :after
3. Задать стили :before и :after главного тега
4. Добавить фоновое изображение (svg)
Ответ написан
Комментировать
Комментировать
0xD34F
@0xD34F Куратор тега CSS
https://jsfiddle.net/fe7vL23u/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
Ну или банальный подход в лоб:

1. Два div'а разной ширины (width) под этим заголовком у которых border-top: solid 2px #0000ff;

2. Два элемента hr опять же с измененным width и позиционированием
Ответ написан
Комментировать
Комментировать
romanko_vn
@romanko_vn
используя :before и :after
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Фронт мобильное приложение
25 апр. 2024, в 10:42
150000 руб./за проект
Настроить вёрстку webapp-telegram
25 апр. 2024, в 10:41
2000 руб./за проект
Создать дудл - видео с AI аватаром
25 апр. 2024, в 10:25
2000 руб./за проект
Ещё заказы