HTML Diff
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 &lt;div class="burger"&gt; &lt;div class="line"&gt;&lt;/div&gt; &lt;div class="line"&gt;&lt;/div&gt; &lt;div class="line"&gt;&lt;/div&gt; &lt;/div&gt;<p>CSS:</p>
3 &lt;div class="burger"&gt; &lt;div class="line"&gt;&lt;/div&gt; &lt;div class="line"&gt;&lt;/div&gt; &lt;div class="line"&gt;&lt;/div&gt; &lt;/div&gt;<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>