vbar {

Gunakan CSS untuk membuat garis vertikal dan pisahkan area konten di situs web.

Menggunakan bagian DIV

Langkah 1

Buka halaman web di mana Anda ingin menambahkan bar vertikal.

Langkah 2

Tambahkan bagian div yang disebut "VBar" ke lokasi yang sesuai menggunakan tag berikut:

Langkah 3

Simpan file

Langkah 4

Buka file CSS. Tambahkan bagian ke file CSS dengan atribut bagian bar vertikal, sebagai berikut:

vbar {

lebar :? px; tinggi :? px; background-color: # ??????; }

Ganti tanda tanya dengan nilai yang sesuai. Misalnya, tinggi dan lebar harus dicantumkan dalam piksel dengan format seperti 10 piksel. Warna latar belakang akan muncul dalam format nilai web enam digit heksadesimal, seperti hitam akan memiliki nilai # 000000 atau # FFFFFF putih. Kunjungi tautan Warna CSS di bagian "Sumber daya" untuk melihat lebih banyak warna heksadesimal.

Langkah 5

Simpan file

Menggunakan bagian dengan atribut tepi

Langkah 1

Buka file CSS.

Langkah 2

Tambahkan atribut tepi ke bagian halaman di samping lokasi di mana Anda ingin bar vertikal Anda. Misalnya, jika Anda memiliki bagian "penampung" di sebelah kiri tempat di mana Anda ingin menambahkan bilah vertikal, tambahkan atribut tepi kanan ke bagian ini untuk membuat tepi kanan, misalnya:

kontainer {

border-right: X; }

Tinjau bagian "Kiat" untuk mendapatkan opsi atribut tepi yang berbeda.

Langkah 3

Simpan file

Referensi

  • W3Schools.com: pengantar untuk CSS
  • W3Schools.com: Border CSS