Senarai lengkap atribut DIV yang biasa digunakan yang dianjurkan sendiri_HTML/Xhtml_Pengeluaran halaman web-html tutorial-php.cn

1. Senarai atribut

Salin kod

Kodnya adalah seperti berikut:

warna: #999999 Warna teks
keluarga fon: Fon gaya lagu
saiz fon: 10pt Saiz teks
gaya fon:itelik Gaya condong teks
varian fon:kecil -huruf kecil Fon
jarak-huruf: 1pt Jarak teks
tinggi baris: 200% Tetapkan ketinggian baris
berat fon:tebal Teks tebal
jalur-menegak:sub Subskrip
menegak - align:super Superscript
text-decoration:line-through Tambah ?h untuk membahagi baris
text-decoration:overline Tambah baris atas
text-decoration:underline Tambah garis bawah
text-decoration: none ? hKecuali untuk menyambungkan baris bawah
teks-transformasi: huruf besar Perkataan pertama ditulis dengan huruf besar
teks-transformasi: huruf besar Inggeris huruf besar
teks-transformasi: huruf kecil tulisan Inggeris
text-align:right Teks * kanan -aligned
text-align:left text*left alignment
text-align:center text center alignment
Ini ialah beberapa kesan teks ringkas yang boleh digunakan pada halaman CSS.
Latar Belakang
warna latar belakang: Warna latar belakang hitam
imej latar belakang: url(imej/bg.gif) Imej latar belakang
lampiran latar belakang: tetap Latar belakang tetap
latar belakang-ulang: ulang Ulang Susunan - lalai halaman web
latar belakang-ulang: tiada ulang susunan bukan ulangan
latar belakang-ulang: ulang-x mengulangi susunan pada paksi-x
latar belakang-ulang: ulang-y mengulangi susunan pada paksi-y
kedudukan-latar belakang: 90% 90% Kedudukan paksi x dan y imej latar belakang
Pautan
A Semua hiperpautan
A:pautan Format teks hiperpautan
A :dilawati Format teks pautan yang disemak imbas
A:aktif Tekan format sambungan
A:tuding Gerakkan tetikus ke sambungan
Sempadan
bahagian atas sempadan: 1px bingkai atas hitam pepejal
bahagian bawah sempadan : 1px pepejal #6699cc bingkai bawah
sempadan-kiri: 1px pepejal #6699cc sempadan kiri
sempadan-kanan: 1px pepejal #6699cc sempadan kanan
sempadan: 1px pepejal #6699cc empat sempadan
garis putus-putus

<br>Garis padat<br><TEXTAREA STYLE="border:1px solid pink"> sama dengan ketinggian baris teks, iaitu, garis- Sudah cukup bahawa nilai ketinggian dan ketinggian adalah sama Akhir sekali, berikan div aliran berlebihan: tersembunyi untuk menyembunyikan bahagian yang berlebihan. <br><br>
</div>
<br> 2. Atribut biasa <strong> </strong> <br><br><div class="msgheader">
<div class="right">
<span style="CURSOR: pointer" onclick="copycode(getid('phpcode95'));">Salin kod<u></u></span>Kod adalah seperti berikut:</div>
<div class="msgborder" id="phpcode95"> <br>1. Ketinggian: Tetapkan ketinggian DIV: Tetapkan lebar DIV. <br>2. Margin: digunakan untuk menetapkan margin lanjutan DIV, iaitu jarak ke bekas induk. jidar: diikuti dengan empat jarak, iaitu jarak dari bahagian atas, kanan, bawah dan kiri jidar induk: [atas][kanan][bawah][kiri] <br> boleh ditetapkan secara berasingan: jidar-kiri; : ke Jarak ke sempadan kiri bekas induk; sempadan bawah bekas induk. <br>3. pelapik: digunakan untuk menetapkan margin dalam DIV (jarak antara sub-elemen dalam dan sempadan DIV). padding: diikuti dengan empat jarak, iaitu jarak dari bahagian atas, kanan, bawah dan kiri jidar induk: [atas][kanan][bawah][kiri]: Perlu diingat bahawa jarak yang ditetapkan oleh padding tidak termasuk dalam Dalam lebar dan ketinggiannya sendiri (dalam IE7 dan FF), contohnya, jika lebar DIV ditetapkan kepada 100px, dan padding-left ditetapkan kepada 50px, maka DIV akan menjadi 150px lebar apabila dipaparkan pada halaman. <br>4. Tetapkan gaya sempadan paparan DIV: Tetapkan atribut paparan. Nilainya termasuk blok dan tiada apungan: Tetapkan arah aliran DIV pada halaman termasuk kiri (dipaparkan di sebelah kiri), kanan (dipaparkan di sebelah kanan), dan tiada latar belakang: Tetapkan gaya latar belakang DIV; selepas latar belakang, anda boleh terus mengikut warna latar belakang, imej latar belakang, kaedah jubin dan gaya lain. Ia juga boleh ditetapkan secara berasingan menggunakan sifat berikut. <br>Warna latar belakang: Tetapkan warna latar belakang; lampiran latar belakang: Kaedah lampiran imej latar belakang, nilainya adalah tatal dan imej latar belakang: Tentukan imej latar belakang yang sedia ada; kaedah jubin imej latar belakang. Nilainya termasuk tidak berulang (tidak berjubin), ulang (berjubin dalam dua arah), ulang-x (jubin mendatar), ulang-y (kedudukan latar belakang berjubin: Letakkan kedudukan latar belakang dalam DIV . Nilainya mempunyai kombinasi berbeza atas bawah kiri kanan. Anda juga boleh menentukan lokasi tertentu menggunakan koordinat. <br>5 Kedudukan: Tetapkan kaedah kedudukan DIV. Terdapat empat sifat kedudukan: statik, tetap, relatif, dan mutlak. Biasa digunakan relatif dan mutlak. Jika ia dinyatakan sebagai statik, DIV mengikut peraturan HTML jika ia dinyatakan sebagai relatif, anda boleh menggunakan atas, kiri, kanan dan bawah untuk menetapkan offset DIV dalam halaman (berbanding dengan offsetnya sendiri), tetapi lapisan tidak boleh digunakan pada masa ini ; Jika ia dinyatakan sebagai mutlak, anda boleh menggunakan atas, kiri, kanan, dan bawah untuk benar-benar meletakkan DIV (kepada elemen induk yang terdekat jika ia dinyatakan sebagai tetap, kedudukan ). DIV dalam IE7 dan FF ditetapkan relatif kepada skrin Tiada perubahan, ia tidak mempunyai kesan dalam IE6 (saya tidak tahu mengapa). <br>6. Fon: Tentukan gaya teks dalam DIV, yang boleh diikuti oleh berbilang gaya teks. font-family: Tetapkan nama font yang akan digunakan; Tentukan gaya teks, nilainya termasuk miring biasa, dsb. warna: menentukan warna teks: menentukan penjajaran mendatar teks, nilainya termasuk teks tengah (tengah); -penghias: digunakan untuk hiasan teks; nilainya tidak termasuk garis atas garisan dan Gabungan kelipan teks: menetapkan lekukan teks-transformasi: menetapkan huruf besar teks. Nilainya termasuk huruf besar huruf besar (huruf besar huruf pertama) tiada arah: arah aliran kandungan. Nilainya termasuk ltr (dari kiri ke kanan), rtl (dari kanan ke kiri); menentukan ketinggian baris teks; <br>7. Limpahan: Kawalan limpahan kandungan termasuk tatal (bar tatal sentiasa dipaparkan), boleh dilihat (bar tatal tidak dipaparkan, tetapi bahagian lebihan kelihatan), auto (bar tatal dipaparkan apabila kandungannya. melebihi), dan tersembunyi (bar tatal dipaparkan apabila kandungan melebihi kandungan). <br><br><br><strong>3. Beberapa kesan khas: <br><br></strong>1. Apabila menggunakan atribut indeks-z, kedudukan mesti dinyatakan sebagai mutlak. <br><br>2. Kursor: Tetapkan gaya kursor pada DIV. <br><br>3. Tetapkan segi empat tepat keratan. clip:rect(atas kanan bawah kiri); Tetapkan jarak antara atas, bawah, kiri dan kanan, tetapi pada masa ini, kedudukan mesti dinyatakan sebagai mutlak. <br><br>4. Penapis ketelusan kelegapan:alpha(opacity=value) cth: filter:alpha(opacity=50);opacity:0.5; <br><br><strong>4 </strong><br><br>Kedudukan mutlak dan kedudukan relatif (kedudukan) <strong> </strong><br>Kedudukan mutlak: <br><br>Atribut kedudukan akan menjadi kunci kebahagiaan bagi netizen: <br><br>H4 { kedudukan: mutlak; kiri: 100px atas: 43px } <br><br>Peraturan CSS ini membolehkan penyemak imbas menetapkan kedudukan permulaan <H4> 43 piksel dari atasnya. Ambil perhatian bahawa satu-satunya tetapan di sini ialah kiri dan atas Dalam erti kata lain, teks akan memasuki tetingkap penyemak imbas dari kiri ke kanan dan atas ke bawah. <br><br>Atribut kiri dan atas sangat intuitif. Kiri (kiri) menetapkan jarak dari sebelah kiri tetingkap penyemak imbas, dan atas (atas) menetapkan jarak dari bahagian atas tetingkap penyemak imbas. Apabila menetapkan jarak ini, anda boleh menggunakan pelbagai unit darjah atau nilai skala yang telah anda pelajari. Apabila menggunakan nilai skala, nilai skala adalah relatif kepada dimensi ciri induk. <br><br>Apa yang anda boleh sasarkan? apa sahaja! Perenggan, perkataan, imej GIF dan JPEG, filem QUICKTIME dan banyak lagi. <br><br>Kedudukan relatif: <br><br>Kedudukan mutlak membolehkan anda meletakkan elemen dengan tepat pada kedudukan bebasnya pada halaman, tanpa mengira tetapan kedudukan elemen lain pada halaman. Kedudukan relatif bermakna kedudukan ciri yang anda letakkan adalah relatif kepada kedudukan yang ditetapkan dalam fail. Contoh: <br><br>I { kedudukan: relatif; kiri: 40px atas: 10px } <br><br>Kunci kepada kedudukan relatif ialah kedudukan elemen yang diposisikan adalah relatif kepada tempat yang sepatutnya. . Unit penentududukan relatif muncul di antara barisan unit penentududukan statik biasa dan diletakkan tanpa mengasingkan diri sepenuhnya daripada unit penentududukan statik. Jika anda berhenti menggunakan kedudukan relatif, kedudukan paparan teks akan kembali normal. Berhati-hati apabila menggunakan kedudukan relatif, jika tidak ia boleh mengacaukan halaman dengan mudah. <br><br>Selain kedudukan relatif dan kedudukan mutlak, anda juga boleh menggunakan nilai parameter statik. Statik ialah nilai lalai untuk atribut kedudukan. Penggunaannya adalah sama seperti kaedah penentududukan dalam HTML biasa, dan tiada tetapan kedudukan khas boleh dilampirkan. Iaitu, tiada apa-apa lagi yang boleh menjejaskan kedudukan sel kecuali sifat margin, atau dengan mengapungkan sel menggunakan sifat terapung. <br><br><br>Kawalan unit penentududukan (lebar, tinggi, keterlihatan) <strong> </strong><br>Selain mengawal kedudukan sudut kiri atas unit penentududukan, anda juga boleh mengawal lebar dan ketinggian unit, dan unit Keterlihatan pada halaman. <br><br>Lebar: Elemen yang diposisikan masih akan dipaparkan dari kiri ke kanan apabila dipaparkan pada halaman. Anda boleh menggunakan atribut lebar untuk menetapkan sekatan pada aliran aksara ke kanan, iaitu, untuk menetapkan lebar elemen. <br><br>DIV { position: absolute left: 200px atas: 40px width: 150px } <br><br>Apabila pelayar menerima peraturan ini, ia akan memaparkan teks mengikut kesan yang ditentukan oleh peraturan , dan juga Hadkan saiz mendatar maksimum perenggan kepada 150 piksel. <br><br>Atribut lebar hanya digunakan pada ciri yang diletakkan secara mutlak. Anda boleh menggunakan mana-mana unit panjang yang kami pelajari, atau tetapkan lebar menggunakan nilai skala, yang relatif kepada ciri induk. Dalam IE 4, atribut ini juga tersedia untuk imej. Anda boleh melebarkan atau memampatkan imej secara buatan melalui tetapan lebar. <br><br>Ketinggian: Secara teori, ketinggian harus ditetapkan sama dengan lebar, tetapi dalam arah menegak: <br><br>DIV { kedudukan: mutlak kiri: 200px; } <br><br>Di sini saya menggunakan "secara teori" kerana sesetengah pelayar tidak menyokong atribut ketinggian. <br><br>Keterlihatan: Menggunakan CSS, anda boleh menyembunyikan elemen supaya ia tidak kelihatan pada halaman. Atribut ini digunakan untuk kedua-dua ciri terletak dan tidak terletak. <br><br>H4 { keterlihatan: tersembunyi } <br><br>Pilihan: <br><br>kelihatan menjadikan ciri kelihatan<br><br>tersembunyi menjadikan ciri disembunyikan<br><br>warisan Penunjuk bahawa ia akan mewarisi tetapan keterlihatan ciri induk. <br><br>Nilai yang diwarisi ialah nilai lalai. Ini menyebabkan sel mewarisi kebolehlihatan sel induk. Jadi, jika perenggan disembunyikan, mana-mana sel sebaris yang terkandung di dalamnya juga tersembunyi. Warisan ini boleh ditindih dengan keterlihatan yang dinyatakan secara eksplisit. Contohnya, jika sel EM dalam bahagian ditetapkan sebagai kelihatan, dan bahagian itu tersembunyi, semua kandungan lain dalam bahagian itu akan hilang dan hanya teks dalam sel EM akan kelihatan. <br><br>Apabila elemen disembunyikan, ia masih menempati ruang asal dalam tetingkap penyemak imbas. Jadi, jika anda membalut teks di sekeliling imej tersembunyi, ia akan kelihatan seolah-olah teks itu mengelilingi kawasan kosong. Berita ini <br><br>Atribut ini berguna apabila menulis bahasa dan menggunakan HTML dinamik Contohnya, anda boleh membuat perenggan atau imej tertentu hanya dipaparkan apabila tetikus berguling ke atasnya. <br><br><br>Aras unit (indeks-z) <strong> </strong><br>Atribut z-index digunakan untuk menyusun sel pada skrin. Secara lalai, unit disusun mengikut susunan ia muncul dalam penanda HTML—iaitu, unit yang muncul kemudian disusun di atas unit yang muncul lebih awal. Sifat Z-index sebenarnya mentakrifkan susunan susunan unit adik-beradik dan susunan unit berbanding dengan unit induknya. Mengikut spesifikasi draf, kumpulan unit dengan nilai indeks z positif disusun di atas unit induknya, dan susunan susunannya sendiri ditentukan oleh saiz nilainya (unit dengan nilai yang lebih besar dihidupkan atas). Begitu juga, kumpulan unit dengan nilai indeks z negatif disusun di bawah unit induk, dan susunan susunan mereka sendiri juga ditentukan oleh saiz nilai (unit dengan nilai yang lebih besar berada pada lapisan atas, contohnya , unit dengan nilai -1 berada di lapisan atas -2 di atas unit). <br><br>Gunakan integer tulen untuk nilai parameter ini. z-index digunakan untuk ciri kedudukan mutlak atau kedudukan relatif. Anda juga boleh menetapkan indeks-z imej. (Untuk Communicator, sebaiknya bungkus teg <IMG> dalam teg <SPAN> atau <DIV> dan kemudian gunakan indeks-z pada <SPAN> atau <DIV>.) <br><br> <strong>Klip unit berkedudukan mutlak (klip) <br></strong><br>Unit berkedudukan mutlak boleh dipotong - iaitu, klipkan kawasan yang dipaparkan kepada pengguna, hanya menunjukkan sebahagian unit dan menjadikan selebihnya telus . Ini bukan ciri yang sangat berguna untuk halaman web berasaskan teks dan imej tradisional. Tetapi ini berguna jika halaman multimedia diperlukan. Sebagai contoh, Netscape Communivator 4 dan Internet Explorer 4 kedua-duanya menyokong halaman multimedia secara dinamik melaraskan kawasan keratan di sekeliling unit melalui antara muka skrip dokumen, supaya teks baris pepejal "menyilang masuk" dan imej pudar dan ciri paparan lain. <br><br>Dalam CSS, keratan dikawal melalui ciri klip. Ciri ini hanya boleh digunakan untuk unit yang diposisikan secara mutlak. . Selain itu, kotak klip boleh ditetapkan dengan ungkapan berikut: <br><br>klip : rect(atas,kanan.bawah, kiri); kotak klip segi empat tepat Kedudukan tepi atas, kanan, bawah dan kiri berbanding dengan sudut kiri atas unit terpotong. Nilai untuk Atas, kanan, bawah dan kiri boleh menjadi sebarang nilai panjang mutlak atau relatif (tetapi bukan nilai peratusan), atau kata kunci auto. Nilai auto bermakna bahawa selepas semua sisi kawasan keratan diletakkan, sebarang kandungan dalam unit terpotong tidak akan melebihi kawasan ini. <br><br><br>Limpahan unit kawalan (limpahan) <br> <strong></strong>Betulkan lebar dan ketinggian unit penentududukan mutlak atau relatif Berkemungkinan kawasan yang ditentukan tidak dapat memenuhi keperluan kandungan sebenar unit Ini menyebabkan kandungan unit melimpah. Anda boleh menggunakan limpahan untuk menentukan cara penyemak imbas mengendalikan limpahan: nilai tiada (lalai) membolehkan penyemak imbas memaparkan kandungan limpahan, jadi sel boleh melimpah ke kawasan yang ditentukan. Klip nilai memerlukan penyemak imbas untuk memotong kandungan sel di bahagian bawah dan kanan sel, supaya kandungan sel di luar kawasan yang ditentukan tidak akan dipaparkan. Tatal nilai juga memerlukan penyemak imbas untuk menjepit kandungan sel di bahagian bawah dan kanan sel (sama seperti klip Walau bagaimanapun, penyemak imbas harus (jika boleh) menyediakan bar tatal untuk sel supaya pengguna boleh menatal melalui yang dipotong kandungan.</div>
</div>                </div>
            </div>
            <div style="height: 25px;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>Label berkaitan：</span>
                    <div class="wzcbqd">
                        <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ms/search?word=div" target="_blank">div</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">sumber：php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="https://www.php.cn/ms/faq/11566.html" title="Pengeluaran css HTML bagi bar kemajuan mudah_HTML/Xhtml_pengeluaran halaman web">
                        <span>Artikel sebelumnya：Pengeluaran css HTML bagi bar kemajuan mudah_HTML/Xhtml_pengeluaran halaman web</span>
                    </a>
                                    <a href="https://www.php.cn/ms/faq/11570.html"  title="Pengaturan gaya lalai elemen HTML4.0_HTML/Xhtml_penghasilan halaman web">
                        <span>Artikel seterusnya：Pengaturan gaya lalai elemen HTML4.0_HTML/Xhtml_penghasilan halaman web</span>
                    </a>
                            </div>
            <div class="wzconShengming">
       
                <div class="bzsmdiv">Kenyataan Laman Web ini</div>
                <div>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</div>
            </div>
            <ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">Artikel terbaru oleh pengarang</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796639331.html">Apakah itu NullPointerException, dan bagaimana saya membetulkannya?</a>
                            </div>
                            <div>2024-10-22 09:46:29</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796629482.html">Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C</a>
                            </div>
                            <div>2024-10-13 13:53:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796628545.html">Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula</a>
                            </div>
                            <div>2024-10-12 12:15:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796627928.html">Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu</a>
                            </div>
                            <div>2024-10-11 22:47:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796627806.html">Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak</a>
                            </div>
                            <div>2024-10-11 19:36:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796627670.html">Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak</a>
                            </div>
                            <div>2024-10-11 15:50:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796627643.html">Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula</a>
                            </div>
                            <div>2024-10-11 15:07:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796627620.html">PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web</a>
                            </div>
                            <div>2024-10-11 14:21:21</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796627574.html">Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda</a>
                            </div>
                            <div>2024-10-11 12:59:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="https://www.php.cn/ms/faq/1796627539.html">Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula</a>
                            </div>
                            <div>2024-10-11 12:17:31</div>
                        </li>
                                    </ul>
            </div>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">Isu terkini</div>
                <div class="wdsyContent">
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ms/wenda/176399.html"  target="_blank" title="Gerakkan kandungan ke kiri dengan menambahkan sifat Width" class="wdcdcTitle">Gerakkan kandungan ke kiri dengan menambahkan sifat Width</a>
                            <a href="https://www.php.cn/ms/wenda/176399.html" class="wdcdcCons">Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-06 22:01:35</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>3</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>816</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ms/wenda/176388.html"  target="_blank" title="Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS?" class="wdcdcTitle">Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS?</a>
                            <a href="https://www.php.cn/ms/wenda/176388.html" class="wdcdcCons">Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-06 20:45:26</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>2</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>386</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ms/wenda/176383.html"  target="_blank" title="Cara menggunakan komponen laravel dengan ruang letak malas livewire" class="wdcdcTitle">Cara menggunakan komponen laravel dengan ruang letak malas livewire</a>
                            <a href="https://www.php.cn/ms/wenda/176383.html" class="wdcdcCons">Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-06 20:02:10</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>2</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>543</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ms/wenda/176379.html"  target="_blank" title="Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL" class="wdcdcTitle">Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL</a>
                            <a href="https://www.php.cn/ms/wenda/176379.html" class="wdcdcCons">Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-06 19:39:29</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>441</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="https://www.php.cn/ms/wenda/176368.html"  target="_blank" title="Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js" class="wdcdcTitle">Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js</a>
                            <a href="https://www.php.cn/ms/wenda/176368.html" class="wdcdcCons">Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-06 18:16:26</span>
                                </div>
                                <div class="wdcdciright flexRow">
                                    <div class="wdcdcirdz flexRow ira">  <b class="wdcdcirdzi"></b>0 </div>
                                    <div class="wdcdcirpl flexRow ira"><b  class="wdcdcirpli"></b>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>403</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                    </div>
            </div>

<div class="wzconZt" >
                <div class="wzczt-title">
                    <div>Topik-topik yang berkaitan</div>
                    <a href="https://www.php.cn/ms/faq/zt" target="_blank">Lagi>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/divgdt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214385242717.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="bar skrol div" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/divgdt" class="title-a-spanl" title="bar skrol div"><span>bar skrol div</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/lgdivzmbpxs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213521342494.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk memaparkan dua div sebelah menyebelah" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/lgdivzmbpxs" class="title-a-spanl" title="Bagaimana untuk memaparkan dua div sebelah menyebelah"><span>Bagaimana untuk memaparkan dua div sebelah menyebelah</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/divyspanqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213514069307.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Perbezaan antara div dan span" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/divyspanqb" class="title-a-spanl" title="Perbezaan antara div dan span"><span>Perbezaan antara div dan span</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/divbqdyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213425821724.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Cara menggunakan tag div" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/divbqdyf" class="title-a-spanl" title="Cara menggunakan tag div"><span>Cara menggunakan tag div</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/divwzczjzdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213315264396.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk memusatkan teks div secara menegak" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/divwzczjzdff" class="title-a-spanl" title="Bagaimana untuk memusatkan teks div secara menegak"><span>Bagaimana untuk memusatkan teks div secara menegak</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/csszdivdhy"><img src="https://img.php.cn/upload/subject/202407/22/2024072211494531801.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Maksud div dalam css" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/csszdivdhy" class="title-a-spanl" title="Maksud div dalam css"><span>Maksud div dalam css</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/pluginexe"><img src="https://img.php.cn/upload/subject/202407/22/2024072214072296992.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ralat aplikasi plugin.exe" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/pluginexe" class="title-a-spanl" title="ralat aplikasi plugin.exe"><span>ralat aplikasi plugin.exe</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="https://www.php.cn/ms/faq/vsazsbzmjj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213585599787.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyelesaikan masalah kegagalan pemasangan vs2008" /> </a>
                            <a target="_blank" href="https://www.php.cn/ms/faq/vsazsbzmjj" class="title-a-spanl" title="Bagaimana untuk menyelesaikan masalah kegagalan pemasangan vs2008"><span>Bagaimana untuk menyelesaikan masalah kegagalan pemasangan vs2008</span> </a>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

<div class="phpwzright">
    <ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        <div class="wzrOne">
            <div class="wzroTitle">Cadangan popular</div>
            <div class="wzroList">
                <ul>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="url是什么意思？" href="https://www.php.cn/ms/faq/418772.html">url是什么意思？</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="DOM是什么意思" href="https://www.php.cn/ms/faq/414303.html">DOM是什么意思</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="如何改变图片大小" href="https://www.php.cn/ms/faq/414252.html">如何改变图片大小</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="HTML中如何将字体加粗" href="https://www.php.cn/ms/faq/414520.html">HTML中如何将字体加粗</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="html图片大小如何设置" href="https://www.php.cn/ms/faq/475145.html">html图片大小如何设置</a>
                                </div>
                            </li>
                                    </ul>
            </div>
        </div>
        <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
        <div class="wzrThree">
            <div class="wzrthree-title">
                <div>Tutorial Popular</div>
                <a target="_blank" href="https://www.php.cn/ms/course.html">Lagi>
                </a>
            </div>
            <div class="wzrthreelist swiper2">
                <div class="wzrthreeTab  swiper-wrapper">
                    <div class="check tabdiv swiper-slide" data-id="one">Tutorial berkaitan <div></div></div>
                    <div class="tabdiv swiper-slide" data-id="two">Cadangan popular<div></div></div>
                    <div class="tabdiv swiper-slide" data-id="three">Kursus terkini<div></div></div>
                </div>
                <ul class="one">
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="https://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a>
                                    <div class="wzrthreerb">
                                        <div>1423180 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ms/course/74.html" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" href="https://www.php.cn/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a>
                                    <div class="wzrthreerb">
                                        <div>4268768 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="74">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial Video Permulaan JAVA" href="https://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
                                    <div class="wzrthreerb">
                                        <div>2536576 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="https://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
                                    <div class="wzrthreerb">
                                        <div>507464 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="https://www.php.cn/ms/course/2.html" title="Tutorial pengenalan berasaskan sifar PHP" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutorial pengenalan berasaskan sifar PHP"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial pengenalan berasaskan sifar PHP" href="https://www.php.cn/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a>
                                    <div class="wzrthreerb">
                                        <div>862778 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="2">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                    </ul>
                <ul class="two" style="display: none;">
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="https://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a>
                                <div class="wzrthreerb">
                                    <div >1423180 kali belajar</div>
                                                                                <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Tutorial Video Permulaan JAVA" href="https://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
                                <div class="wzrthreerb">
                                    <div >2536576 kali belajar</div>
                                                                                <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="https://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
                                <div class="wzrthreerb">
                                    <div >507464 kali belajar</div>
                                                                                <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/901.html" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Pengenalan pantas kepada pembangunan bahagian hadapan web"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" href="https://www.php.cn/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a>
                                <div class="wzrthreerb">
                                    <div >215856 kali belajar</div>
                                                                                <div class="courseICollection" data-id="901">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/234.html" title="Kuasai tutorial video PS dari awal" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Kuasai tutorial video PS dari awal"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Kuasai tutorial video PS dari awal" href="https://www.php.cn/ms/course/234.html">Kuasai tutorial video PS dari awal</a>
                                <div class="wzrthreerb">
                                    <div >890431 kali belajar</div>
                                                                                <div class="courseICollection" data-id="234">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                    </ul>
                <ul class="three" style="display: none;">
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/1648.html" title="[Web front-end] Permulaan pantas Node.js" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Permulaan pantas Node.js"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="[Web front-end] Permulaan pantas Node.js" href="https://www.php.cn/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a>
                                <div class="wzrthreerb">
                                    <div >7474 kali belajar</div>
                                                                                <div class="courseICollection" data-id="1648">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/1647.html" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Koleksi lengkap kursus timbunan penuh pembangunan web asing"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" href="https://www.php.cn/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a>
                                <div class="wzrthreerb">
                                    <div >5962 kali belajar</div>
                                                                                <div class="courseICollection" data-id="1647">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/1646.html" title="Gunakan GraphQL praktikal bahasa" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gunakan GraphQL praktikal bahasa"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Gunakan GraphQL praktikal bahasa" href="https://www.php.cn/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a>
                                <div class="wzrthreerb">
                                    <div >4937 kali belajar</div>
                                                                                <div class="courseICollection" data-id="1646">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/1645.html" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" href="https://www.php.cn/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a>
                                <div class="wzrthreerb">
                                    <div >697 kali belajar</div>
                                                                                <div class="courseICollection" data-id="1645">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="https://www.php.cn/ms/course/1644.html" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" href="https://www.php.cn/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a>
                                <div class="wzrthreerb">
                                    <div >24740 kali belajar</div>
                                                                                <div class="courseICollection" data-id="1644">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                    </ul>
            </div>
            <script>
                var mySwiper = new Swiper('.swiper2', {
                            autoplay: false,//可选选项，自动滑动
                            slidesPerView : 'auto',
                        })
                $('.wzrthreeTab>div').click(function(e){
                    $('.wzrthreeTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrthreelist>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>

<div class="wzrFour">
            <div class="wzrfour-title">
                <div>Muat turun terkini</div>
                <a href="https://www.php.cn/ms/xiazai">Lagi>
                </a>
            </div>
                        <script>
                $(document).ready(function(){
                    var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
                        speed:1000,
                        autoplay:{
                            delay:3500,
                            disableOnInteraction: false,
                        },
                        pagination:{
                            el:'.sjyx_banSwiperwz .swiper-pagination',
                            clickable :false,
                        },
                        loop:true
                    })
                })
            </script>
            <div class="wzrfourList swiper3">
                <div class="wzrfourlTab swiper-wrapper">
                    <div class="check swiper-slide" data-id="onef">kesan web <div></div></div>
                    <div class="swiper-slide" data-id="twof">Kod sumber laman web<div></div></div>
                    <div class="swiper-slide" data-id="threef">Bahan laman web<div></div></div>
                    <div class="swiper-slide" data-id="fourf">Templat hujung hadapan<div></div></div>
                </div>
                <ul class="onef">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="kod hubungan borang mesej perusahaan jQuery" href="https://www.php.cn/ms/toolset/js-special-effects/8071">[butang borang] kod hubungan borang mesej perusahaan jQuery</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Kesan main balik kotak muzik MP3 HTML5" href="https://www.php.cn/ms/toolset/js-special-effects/8070">[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 kesan khas menu navigasi animasi zarah sejuk" href="https://www.php.cn/ms/toolset/js-special-effects/8069">[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery bentuk visual seret dan lepas kod penyuntingan" href="https://www.php.cn/ms/toolset/js-special-effects/8068">[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Kod pemain muzik Kugou tiruan VUE.JS" href="https://www.php.cn/ms/toolset/js-special-effects/8067">[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Permainan kotak menolak html5 klasik" href="https://www.php.cn/ms/toolset/js-special-effects/8066">[kesan khas html5] Permainan kotak menolak html5 klasik</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="menatal jQuery untuk menambah atau mengurangkan kesan imej" href="https://www.php.cn/ms/toolset/js-special-effects/8065">[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Kesan zum hover kulit album peribadi CSS3" href="https://www.php.cn/ms/toolset/js-special-effects/8064">[Kesan album foto] Kesan zum hover kulit album peribadi CSS3</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="twof" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8328" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah" target="_blank">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8327" title="Templat halaman panduan resume peribadi berwarna segar" target="_blank">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8326" title="Templat Web Resume Kerja Kreatif Pereka" target="_blank">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8325" title="Templat laman web syarikat pembinaan kejuruteraan moden" target="_blank">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8324" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan" target="_blank">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8323" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian" target="_blank">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8322" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet" target="_blank">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8321" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu" target="_blank">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="threef" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3078"  target="_blank"  title="Bahan vektor elemen musim panas yang comel (EPS+PNG)">[bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3077"  target="_blank"  title="Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)">[bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3076"  target="_blank"  title="Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)">[gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3075"  target="_blank"  title="Bahan vektor topi pengijazahan emas (EPS+PNG)">[bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3074"  target="_blank"  title="Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)">[bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3073"  target="_blank"  title="Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza">[bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3072"  target="_blank"  title="Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)">[gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-materials/3071"  target="_blank"  title="Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)">[bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="fourf" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8328"  target="_blank" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8327"  target="_blank" title="Templat halaman panduan resume peribadi berwarna segar">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8326"  target="_blank" title="Templat Web Resume Kerja Kreatif Pereka">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8325"  target="_blank" title="Templat laman web syarikat pembinaan kejuruteraan moden">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8324"  target="_blank" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8323"  target="_blank" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8322"  target="_blank" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="https://www.php.cn/ms/toolset/website-source-code/8321"  target="_blank" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a>
                            </div>
                        </li>
                                    </ul>
            </div>
            <script>
                var mySwiper = new Swiper('.swiper3', {
                            autoplay: false,//可选选项，自动滑动
                            slidesPerView : 'auto',
                        })
                $('.wzrfourlTab>div').click(function(e){
                    $('.wzrfourlTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrfourList>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>
    </div>
</div>
<footer>
    <div class="footer">
        <div class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p>
        </div>
        <div class="footermid">
            <a href="https://www.php.cn/ms/about/us.html">Tentang kita</a>
            <a href="https://www.php.cn/ms/about/disclaimer.html">Penafian</a>
            <a href="https://www.php.cn/ms/update/article_0_1.html">Sitemap</a>
        </div>
        <div class="footerbottom">
            <p>
                © php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://tongji.php.cn/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '9']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>

</body>
</html>