Rumah > Soal Jawab > teks badan
<!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?
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(); }