Vertical line html: How To Create a Vertical Line

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вх;
 ширина: .