Bagaimana untuk menetapkan latar belakang html

PHPz
Lepaskan: 2023-05-15 19:12:36
asal
842 orang telah melayarinya

Untuk menetapkan latar belakang HTML, anda boleh menggunakan helaian gaya CSS atau menggunakan gaya CSS terus dalam penanda HTML. Helaian gaya CSS ialah fail yang boleh digunakan untuk menggayakan keseluruhan tapak web atau satu halaman, manakala gaya sebaris boleh digunakan untuk menetapkan gaya pada elemen individu.

Berikut ialah langkah tentang cara menetapkan latar belakang HTML menggunakan CSS:

  1. Buat helaian gaya CSS. Di bahagian kepala dokumen HTML, gunakan teg untuk memautkan fail CSS ke dokumen HTML.

    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    Salin selepas log masuk
  2. Pilih elemen HTML yang anda mahu tetapkan latar belakang melalui pemilih CSS. Contohnya, untuk menetapkan latar belakang untuk keseluruhan dokumen HTML, anda boleh menggunakan peraturan CSS berikut:

    html {
      background-image: url("background.jpg");
      background-size: cover;
    }
    Salin selepas log masuk

    Jika perlu, gantikan "background.jpg" dengan nama fail imej latar belakang yang anda ingin tetapkan. Gunakan sifat "saiz latar belakang" untuk saiz imej latar belakang supaya ia memenuhi seluruh skrin.

  3. Jika anda hanya mahu menetapkan latar belakang untuk bahagian tertentu halaman HTML anda, anda boleh menambah peraturan CSS untuk pemilih elemen tersebut. Contohnya, untuk menetapkan latar belakang bagi tajuk halaman, anda boleh menggunakan peraturan CSS berikut:

    h1 {
      background-color: #eee;
    }
    Salin selepas log masuk

    Tukar "#eee" kepada warna yang anda mahu tetapkan untuk tajuk.

Selain helaian gaya CSS, anda juga boleh menggunakan gaya sebaris pada elemen HTML. Begini cara untuk menetapkan latar belakang dalam teg HTML:

  1. Tambah atribut "gaya" pada elemen HTML yang anda ingin tetapkan latar belakangnya.
  2. Dalam atribut "gaya", tambahkan peraturan CSS yang anda ingin tetapkan supaya elemen itu mempunyai latar belakang.

Contohnya, untuk menetapkan badan halaman supaya mempunyai warna latar belakang putih, tambahkan kod berikut dalam teg :

<body style="background-color: #fff;">
Salin selepas log masuk

Kemudian, tukar " #fff" kepada Warna yang anda ingin tetapkan.

Berikut ialah asas tetapan latar belakang HTML. Anda boleh menggunakan kaedah ini untuk menetapkan warna latar belakang halaman, imej, jubin, saiz dan sifat lain.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan latar belakang html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan