Langkah 1

Buka dokumen halaman web Anda di editor teks Anda. Tempatkan kursor sebelum tag penutup, dan masukkan kode CSS berikut:

Langkah 2

Ketik "#banner {}" di antara elemen gaya untuk membuat aturan untuk membuat spanduk Anda. Tulis "tinggi :;" dan "lebar :;" dan tulis nilai dalam piksel (px) setelah masing-masing menentukan langkah-langkah yang Anda inginkan. Misalnya:

spanduk {tinggi: 350px; lebar: 600px; }

Langkah 3

Masukkan "ukuran font :;" dan "font-family :;" untuk membuat atribut untuk memformat teks dari header Anda. Tulis nilai dalam piksel setelah ukuran font dan ketik dua atau tiga nama setelah font-family untuk menentukan jenis tulisan yang Anda sukai. Misalnya:

spanduk {font-size: 32px; font-family: "Times New Roman", Georgia, Serif; }

Langkah 4

Tulis "border-style :;" dan masukkan nilai ukuran dalam piksel, nilai gaya garis, dan nilai warna heksadesimal untuk mendesain batas spanduk Anda. Kemudian, tulis "background-color :;" dan nilai warna yang Anda inginkan. Misalnya:

spanduk {border-style: 4px dotted # f0f0f0; }

Langkah 5

Tulis "padding :;" dan nilai dalam piksel untuk menentukan jumlah ruang antara konten dan batas spanduk. Kode CSS lengkap akan terlihat seperti contoh ini:

spanduk {

tinggi: 350px; lebar: 600px; ukuran font: 32px; font-family: "Times New Roman", Georgia, Serif; border-style: 4px dotted # f0f0f0; padding: 15px; }

Langkah 6

Ketik "" di mana saja di label tempat Anda ingin header muncul. Tulis teks untuk spanduk Anda, seperti judul situs web Anda di antara tag div, seperti ini:

Ketik teks spanduk Anda di sini.

Langkah 7

Simpan dokumen Anda