简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

如何设计如此效果_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-21 09:43:49
asal
1093 orang telah melayarinya

本帖最后由 sunflowerdemon 于 2013-05-27 18:33:21 编辑


底层1280，上层960，如何实现。
如此下图，越简单越好

回复讨论(解决方案)

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title></head><body style="margin:0px; padding:0px;">    <div style=" width:1280px; height:600px; background:#808080; text-align:center;">        <div style=" width:960px;  height:90%; background:#ffffff;">        </div>    </div></body></html>
Salin selepas log masuk

如果多条的话是不是只能重复如此
   


        

        

    

   

        

        

    

   

        

        

    

如果多条的话是不是只能重复如此
   


        

        

    

   

        

        

    

   

        

        

    


多条？ 怎么讲

如果多条的话是不是只能重复如此
   


        

        

    

   

        

        

    

   

        

        

    




就是有三行不同的背景，宽度1280px，在这三行之上有内容，宽度为960px;
Label berkaitan：
如何设计如此效果
sumber：php.cn
Artikel sebelumnya：层的位置问题_html/css_WEB-ITnose Artikel seterusnya：css z-index怎么设置都无效，底层li老是被上一层遮住，附源代码_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Pilih produk berkaitan woocommerce menggunakan taksonomi tersuai dengan hierarki 3 tahap Saya mempunyai kedai woocommerce dengan klasifikasi tersuai "Sukan". Klasifikasi...
daripada 2024-04-06 20:05:30
0
1
544
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya Saya mempunyai borang berbilang langkah dan apabila saya cuba menyerahkan ia menunjukkan r...
daripada 2024-04-06 16:25:39
0
1
346
Ubah suai gaya matSelect apabila memaparkan pilihan Bagaimana untuk menukar sifat pilih tikar apabila pilihan dihidupkan? <mat-selectclass=...
daripada 2024-04-05 09:23:19
0
1
1374
Bagaimana untuk mengisi jadual HTML daripada jadual pangkalan data yang dihasilkan oleh reka bentuk Sangat baru untuk Ruby on Rails dan reka bentuk. Saya sedang cuba mengisi jadual pada hala...
daripada 2024-04-05 09:13:39
0
1
2491
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！