Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Jaringan Pertanian Architect_Programmer_Code»Arsitek › Desain front-end & web › Html/CSS/JavaScript › Pemula meminta bantuan dan meminta dua segitiga dalam garis lurus yang sama. Temukan tempat yang salah.
Melihat: 31322|Jawab: 23

[CSS/DIV] Pemula meminta bantuan dan meminta dua segitiga dalam garis lurus yang sama. Temukan tempat yang salah. (Telusuri)

[Salin tautan]
Diposting pada 03/12/2014 21.38.51 | | | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transisi//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokumen tanpa judul</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{lebar:200px; tinggi: 200px; margin-kanan:otomatis; margin-kiri:otomatis; teks-menyelaraskan:pusat; }
#box a, #box a:dikunjungi {dekorasi teks: tidak ada; warna: #333; tampilan: blok; }
#box a:hover {color: #F00; }       
#box a:hover span{ display:block; posisi:absolut; lebar:0; tinggi: 0; perbatasan: padat 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=kotak>
        <a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>






Mantan:Jenis serangan DDoS baru akan datang
Depan:Perangkat lunak uji kecepatan kartu SD Android, uji kecepatan baca dan tulis kartu memori Anda
 Tuan tanah| Diposting pada 03/12/2014 23.20.12 |
admin Dipaparkan pada 2014-12-3 23:17
Saya tidak tahu apa segitiga Anda


Segitiga diperas dengan batas rentang, izinkan saya mengeluarkan kode standar guru kami
[mw_shl_code=html,true]
<! DOCTYPE html PUBLIK "-//W3C//DTD XHTML 1.0 Transisi//EN"
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

            <style>


#menu { /*Atur lapisan menu*/
   font-family:Arial;                                /*font*/
   ukuran font: 16px;                                /*Ukuran font*/
   lebar: 140px;                                 /*lebar*/
   margin:0 otomatis;                                /*0.5em antara item menu dan berpusat secara horizontal*/
   perbatasan: #ccc 1px padat;                        /*Perbatasan Tipis Abu-abu*/
   }

#menu a, #menu a:visited {
  dekorasi teks: tidak ada;                         /*Teks tidak digarisbawahi*/
  teks-menyelaraskan:pusat;                                 /*Teks disejajarkan secara horizontal*/
  warna: #c00;                                         /*teks merah*/
  tampilan: blok;                                /*Atur ke elemen tingkat blok*/
  bantalan: 4px;                                        /*Margin*/
  warna latar belakang: #fff;                         /*warna latar belakang*/
  perbatasan: padat 1px #fff;                        /*Batas yang sama dengan warna latar belakang untuk mencegah melompat*/
  posisi:relatif;                                /*Menggunakan Pemosisian Relatif*/
  lebar: 130px;
  }

#menu rentang {
  tampilan: tidak ada;
}

#menu a:hover {
  warna perbatasan: #c00;                                /*Warna perbatasan merah*/
}
  
#menu rentang a:hover {
        tampilan: blok;                /*Atur ke elemen tingkat blok*/
  posisi:absolut;                                 /*Menggunakan Pemosisian Absolut*/
  tinggi: 0;                                         /*Tinggi 0*/
  lebar:0;                                         /*0*Lebar adalah 0*/
  perbatasan: #fff 8px padat;                        /*Atur gaya batas default*/
  atas:4px;                                        /*Pemosisian vertikal*/        
  meluap:tersembunyi;
  }

  #menu a:hover span.left {
  warna-kiri-batas:#c00;
  kiri:8px;
  }

  #menu a:hover span.right {
  border-right-color:#c00;
  kanan:8px;
  }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>menu panah</title></head>

<body>
    <div id="menu">
       <a href="#">
               <span class="left"></span> item menu 1<span class="right"></span> </a>
       <a href="#">
                <span class="left"></span> item menu 2</a>
       <a href="#">
                           <span class="left"></span> item menu 3<span class="right"></span> </a>
       <a href="#">
                        <span class="left"></span> item menu 4<span class="right"></span> </a>
       <a href="#">
                           <span class="left"></span> item menu lima</a> </div>
</body>
</html>
[/mw_shl_code]
Diposting pada 03/12/2014 23.17.49 |
Jelas Anda tidak mengisyaratkan kepada saya Diposting pada 2014-12-3 22:38
Segitiga memblokir konten, cara menyesuaikan spasi, segera setelah saya menyesuaikan spasi, itu menjadi penyesuaian pemosisian mutlak

Saya tidak tahu apa segitiga Anda
[mw_shl_code=html,true]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transisi//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokumen tanpa judul</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{lebar:250px; tinggi: 200px; margin-kanan:otomatis; margin-kiri:otomatis; teks-menyelaraskan:pusat; border:solid 1px #999999; }
#box a, #box a:dikunjungi {dekorasi teks: tidak ada; warna: #333; tampilan: blok; }       
#box a:hover span{ position:relative; perbatasan: padat 1px #FFFFFF; padding-kiri:20px}
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=kotak>
        <a href="#"><span class="z"></span> ini adalah > <span class="y" pertama</span></a>.
    <a href="#"><span class="z"></span> ini adalah <span class="y" kedua></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" ketiga></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" keempat></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" kelima></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" keenam></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Tuan tanah| Diposting pada 03/12/2014 23.17.07 |
[mw_shl_code=html,,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transisi//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokumen tanpa judul</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{lebar:200px; tinggi: 200px; margin-kanan:otomatis; margin-kiri:otomatis; teks-menyelaraskan:pusat; border:solid 1px #999999; }
#box a, #box a:dikunjungi {dekorasi teks: tidak ada; warna: #333; tampilan: blok; }        
#box rentang a:hover { position:absolute; lebar:0; tinggi: 0; perbatasan: padat 8px #FFFFFF; }
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=kotak>
        <a href="#"><span class="z"></span> ini adalah > <span class="y" pertama</span></a>.
    <a href="#"><span class="z"></span> ini adalah <span class="y" kedua></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" ketiga></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" keempat></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" kelima></span></a>
    <a href="#"><span class="z"></span> ini adalah <span class="y" keenam></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Tuan tanah| Diposting pada 03/12/2014 21.40.28 |

Diposting pada 03/12/2014 22.12.27 |
Meletakkan:tampilan:blokir; Hapus dan masalahnya terpecahkan!
Kode yang benar:

[mw_shl_code=html,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transisi//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokumen tanpa judul</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{lebar:200px; tinggi: 200px; margin-kanan:otomatis; margin-kiri:otomatis; teks-menyelaraskan:pusat; }
#box a, #box a:dikunjungi {dekorasi teks: tidak ada; warna: #333; tampilan: blok; }
#box a:hover {color: #F00; }        
#box rentang a:hover { position:absolute; lebar:0; tinggi: 0; perbatasan: padat 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=kotak>
        <a href="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>
[/mw_shl_code]
 Tuan tanah| Diposting pada 03/12/2014 22.15.06 |
admin Memposting pada 2014-12-3 22:12
Meletakkan:tampilan:blokir; Hapus dan masalahnya terpecahkan!
Kode yang benar:

Keren!
Diposting pada 03/12/2014 22.16.26 |
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Jadi segitiga lainnya akan secara otomatis membungkus garis
 Tuan tanah| Diposting pada 03/12/2014 22.17.56 |
Tawon Dipaparkan pada 2014-12-3 22:16
display:block  此元素将显示为块级元素，此元素前后会带有换行符。

Jadi segitiga lainnya akan secara otomatis membungkus garis

Masing-masing dari mereka adalah orang yang kuat, dan jika ada masalah di masa depan, itu akan diposting di sini. Terima kasih semua atas bantuan Anda
 Tuan tanah| Diposting pada 03/12/2014 22.18.04 |
Terima kasih banyak
 Tuan tanah| Diposting pada 03/12/2014 22.36.11 |
Pertanyaan muncul lagi. [mw_shl_code=html,true] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transisi//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokumen tanpa judul</title>
<style type="text/css">
*{padding:0px; margin:0px; }
#box{lebar:200px; tinggi: 200px; margin-kanan:otomatis; margin-kiri:otomatis; teks-menyelaraskan:pusat; }
#box a, #box a:dikunjungi {dekorasi teks: tidak ada; warna: #333; tampilan: blok; }
#box a:hover {color: #F00; perbatasan: #FF0000 2px padat; }       
#box rentang a:hover { position:absolute; lebar:0; tinggi: 0; perbatasan: padat 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=kotak>
        <a href="#"><span class="z">1</span><span class="y"></span></a>
    <a href="#"><span class="z">2</span><span class="y"></span></a>
    <a href="#"><span class="z">3</span><span class="y"></span></a>
    <a href="#"><span class="z">4</span><span class="y"></span></a>
    <a href="#"><span class="z">5</span><span class="y"></span></a>
    <a href="#"><span class="z">6</span><span class="y"></span></a>
</div>

</body>
[/</html>mw_shl_code]
 Tuan tanah| Diposting pada 03/12/2014 22.38.34 |

Segitiga memblokir konten, cara menyesuaikan spasi, segera setelah saya menyesuaikan spasi, itu menjadi penyesuaian pemosisian mutlak

QQ图片20141203223601.png (3.61 KB, Jumlah unduhan: 391)

Diposting pada 03/12/2014 22.53.13 |
Jelas Anda tidak mengisyaratkan kepada saya Diposting pada 2014-12-3 22:38
Segitiga memblokir konten, cara menyesuaikan spasi, segera setelah saya menyesuaikan spasi, itu menjadi penyesuaian pemosisian mutlak

tidak akan membantu
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.
Mail To:help@itsvse.com