Rumah  >  Soal Jawab  >  teks badan

Bantu saya menyemak tetapan ul dan li

<!doctype html>
<html lang="ms">
<head>
<meta charset="UTF-8">
<title>Dokumen</title>
< ;
ul{
              /*Titik kecil lalai*/
jenis gaya senarai: cakera;
/*Titik kecil berongga*/
jenis gaya senarai: bulatan;
/*Petak kecil padat*/
senarai -gaya -jenis: segi empat sama;
/*Nombor siri berangka menjadi senarai tertib*/
jenis-gaya senarai: perpuluhan;
/*Tambah 0 di hadapan nombor siri: Contoh: 01, 02, 03*/
senarai- style -type: decimal-leading-sifar;
/*Gunakan imej untuk menggantikan asal Saiz mestilah sangat kecil dan sukar untuk digunakan, sebaliknya, kawal tag li*/
/*list-style-image. url(1.jpg); */
}
          /*Item senarai tersuai*/
li{
                                    /*Batalkan senarai noktah*/

pelapik- kiri: 2em;
/*Muat naik imej*/
senarai-gaya-imej: url(1.jpg);
/*Item senarai imej tidak diulang*/
latar belakang-ulang: tiada-ulang;
/*Imej saiz*/
latar belakang- saiz: 1em 1em;
/*Tetapkan kedudukan imej, sejajarkannya dengan grid atas teks dan periksa secara visual paksi xy*/
kedudukan latar belakang: 0 4px;
}
</style> ;
</kepala>
<badan>
<h3>Alat pembangunan bahagian hadapan</h3>
<ul>
<li>HTML</li></li><>< ;
<li>javaScript</li>
< ;li>jQuery</li>
<li>Bootstrap</li>
</ul>
</ul>
<

Imej yang dirujuk oleh item senarai hasil yang dipaparkan masih sama Paparannya sangat besar tetapi tidak dikecilkan kepada saiz 1em Mengapa ini?

益伦益伦2522 hari yang lalu1164

membalas semua(1)saya akan balas

  • chobits4

    chobits42017-12-11 09:02:48

    Adalah disyorkan untuk menggunakan dua kaedah berikut untuk menyelesaikan masalah: 1. Tukar saiz imej sumber anda. 2. Gunakan li:before untuk menyediakan

    li{
       list-style: none;
    }
    li:before{
       content: '';
       display: inline-block;
       height: y;
       width: x;
       background-image: url();
    }


    balas
    2
  • Batalbalas