html — Вертикальная линия в Bootstrap 5
Могу я спросить, как создать вертикальную линию, которая проходит по правой стороне перечисленных элементов на этом веб-сайте? так как я буду размещать основной контент после вертикальной линии, я пытаюсь выяснить
.first a.nav-link { цвет фона: #ebe0dd; } a.nav-ссылка { размер шрифта: 23px; семейство шрифтов: семейство шрифтов: 'Times New Roman', Times, serif; черный цвет; вес шрифта: светлее; }
<дел> <навигация> <кнопка class = "navbar-переключатель" тип = "кнопка" данные-bs-toggle="свернуть" data-bs-target="#боковая панель" aria-controls="боковая панель" ария-расширенная = "ложь" aria-label="Переключить навигацию">
- HTML
- CSS
- SASS
- Bootstrap-5
Добавить класс Border-End к ul Элемент:
1.3/dist/css/bootstrap.min.css" rel="stylesheet" целостность="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <дел> <навигация> <кнопка class = "navbar-переключатель" тип = "кнопка" данные-bs-toggle="свернуть" data-bs-target="#боковая панель" aria-controls="боковая панель" ария-расширенная = "ложь" aria-label="Переключить навигацию">
6
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Как нарисовать вертикальную линию в HTML?
Как нарисовать вертикальную линию в HTML?
Как нарисовать вертикальную линию в HTML?
Обзор
При создании веб-страницы или разделении содержимого в виде столбцов вы столкнетесь с вертикальными строками HTML .
В этой статье мы узнаем, как быстро создать вертикальную линию на веб-странице HTML, используя внешний CSS и свойство преобразования тега
с помощью примеров.
Предварительные условия
Должен быть знаком с тегом HTML
. Кроме того, вы знакомы со свойствами высоты, ширины и границ CSS.
Что мы создаем?
В этой статье мы собираемся создать вертикальную линию в HTML, используя свойство CSS Border, свойство преобразования
и используя свойства CSS высоты и ширины.
Как нарисовать вертикальную линию в HTML?
У вас может быть несколько причин для включения вертикальной линии на веб-страницу. Однако в HTML нет элемента вертикальной линии. Он имеет только один элемент для горизонтальной линии, то есть <час> . Существует несколько способов построения вертикальной линии в HTML, как указано ниже:- с использованием свойства CSS Border .
- Использование ширины и высоты Свойство CSS .
- Использование свойства преобразования
.
Пример: 1- В этом примере мы создадим вертикальную линию, используя свойства border-left, height и position.
<голова>Вертикальная линия <стиль> .вертикаль { граница слева: 6px сплошной синий; высота: 200 пикселей; положение: абсолютное; слева: 50%; }Вертикальная линия в HTML
Вывод
Пример: 2- В этом примере мы создадим вертикальную линию, используя свойства border-left и height.
<голова>Вертикальная линия <стиль> . вертикаль { граница слева: 6px сплошной синий; высота: 200 пикселей; } <тело>Вертикальная линия в HTML
Вывод
Пример: 3- В этом примере мы центрируем вертикальную линию на нашей HTML-странице.
<голова>Вертикальная линия <стиль> .вертикаль { граница слева: 6px сплошной синий; высота: 200 пикселей; положение: абсолютное; слева: 50%; поле слева: -3px; верх: 3; } <тело>Вертикальная линия
<дел>
Вывод
Пример: 4- В этом примере мы будем центрировать вертикальную линию на нашей HTML-странице, используя тег
.
<голова>Вертикальная линия в HTML <стиль> тело { выравнивание текста: по центру; } час { высота: 35вх; ширина: .