0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Для создания бургера (иконки гамбургера) в HTML и CSS, вы можете использовать нижеприведенный код.</p>
1
<p>Для создания бургера (иконки гамбургера) в HTML и CSS, вы можете использовать нижеприведенный код.</p>
2
<p>HTML:</p>
2
<p>HTML:</p>
3
<div class="burger"> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div><p>CSS:</p>
3
<div class="burger"> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div><p>CSS:</p>
4
.burger { width: 30px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; } .line { width: 100%; height: 3px; background-color: #000; }<p>В данном примере, создается блок с классом burger, который содержит три блока с классом line, представляющих линии бургера. С помощью CSS свойства display: flex и flex-direction: column мы выстраиваем линии в вертикальном направлении, а justify-content: space-between делает расстояние между линиями одинаковым.</p>
4
.burger { width: 30px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; } .line { width: 100%; height: 3px; background-color: #000; }<p>В данном примере, создается блок с классом burger, который содержит три блока с классом line, представляющих линии бургера. С помощью CSS свойства display: flex и flex-direction: column мы выстраиваем линии в вертикальном направлении, а justify-content: space-between делает расстояние между линиями одинаковым.</p>