Flexbox

Html

<div class="flexbox ###">
    <div class="mix flex-1">
       | Imagine a box.</div>
    <div class="mix flex-2">
       | The box has a border-top.</div>
    <div class="mix flex-3">
       | It also has the other borders.</div>
    <div class="mix flex-4">
       | Notice how the borders meet each other at angles.</div>
    <div class="mix flex-5">
       | The background of the box is transparent.</div>
  <hr/>
</div>

| How a CSS Triangle is Made

Tata kode

Pilihan dalam tampilan box di tentukan oleh nilai class pada bagian sebelah class Flexbox, Ganti bagian tanda berikut ### dengan class yang sudah tersedia di bawah ini.

• default
• bilalu
• tedong
• cilera
• lipofish
• wayday
• tiboni