<nobr id="1dlbd"><thead id="1dlbd"><i id="1dlbd"></i></thead></nobr>

          <b id="1dlbd"></b>
            <menuitem id="1dlbd"><delect id="1dlbd"><pre id="1dlbd"></pre></delect></menuitem><menuitem id="1dlbd"></menuitem>

            <nobr id="1dlbd"></nobr>
                <nobr id="1dlbd"><thead id="1dlbd"><mark id="1dlbd"></mark></thead></nobr>

                  <nobr id="1dlbd"><delect id="1dlbd"><i id="1dlbd"></i></delect></nobr>

                    <nobr id="1dlbd"></nobr>

                      <nobr id="1dlbd"></nobr>

                      <menuitem id="1dlbd"><delect id="1dlbd"><i id="1dlbd"></i></delect></menuitem>
                      <menuitem id="1dlbd"></menuitem><menuitem id="1dlbd"><ruby id="1dlbd"></ruby></menuitem>

                        <nobr id="1dlbd"><delect id="1dlbd"></delect></nobr>

                            <nobr id="1dlbd"><delect id="1dlbd"></delect></nobr>
                            <span id="1dlbd"></span>

                            <menuitem id="1dlbd"><delect id="1dlbd"></delect></menuitem>

                              <nobr id="1dlbd"><thead id="1dlbd"></thead></nobr>

                                <menuitem id="1dlbd"></menuitem>
                                <menuitem id="1dlbd"><delect id="1dlbd"><pre id="1dlbd"></pre></delect></menuitem>

                                  <menuitem id="1dlbd"><delect id="1dlbd"><pre id="1dlbd"></pre></delect></menuitem>
                                  <nobr id="1dlbd"><thead id="1dlbd"><i id="1dlbd"></i></thead></nobr><nobr id="1dlbd"></nobr>

                                    <nobr id="1dlbd"></nobr>
                                    <nobr id="1dlbd"><thead id="1dlbd"></thead></nobr><menuitem id="1dlbd"><delect id="1dlbd"><i id="1dlbd"></i></delect></menuitem>

                                            <menuitem id="1dlbd"><delect id="1dlbd"><pre id="1dlbd"></pre></delect></menuitem>
                                            <menuitem id="1dlbd"></menuitem>

                                            網站設計如何多重背景圖像?實現方法!banner

                                            ownpower

                                            Dynamic

                                            news

                                            當前位置:東莞網站建設公司 > 網站制作技巧 > 詳情

                                            網站設計如何多重背景圖像?實現方法!

                                            文章作者:眾展網絡 發布時間: 瀏覽量:1873

                                            營銷廣告

                                            在網站設計中我們可能通過html和css代碼實現非常多酷炫的效果,比如動態的點擊按鈕以及下拉效果,還可以對網頁背景進行修改,這里如何做成多重背景圖像呢?下面眾展網絡教大家實現方法。

                                            2021112002.jpg

                                            網站設計CSS3技術中,增加了一個多重背景的作用,其特性仍為background,不一樣的僅僅必須用英文逗號隔開好幾個背景。如今教大伙兒實現多重背景圖像方式:大家先來準備好二張背景照片,儲放到images文件目錄下,名稱各自為bg_flower.gif和bg_flower_2.gif。隨后撰寫基本的html編碼,為簡單考慮,這兒大家不做一切的原素,反而是立即對body開展實際操作:body{background-image:url(/i/bg_flower.gif),url(/i/bg_flower_2.gif);}。大伙兒也許會感覺那樣沒有什么實際意義,提早合拼好flower和flower_2不就可以了?我們不探討切分器重組成一類的優化問題。往往現在可以提早合拼,緣故就取決于二張圖的高寬徹底一樣,假如第1幅圖的高低是第2幅圖的二倍。大約你依然感覺不在乎,我將白框所選定的部分合拼成一張圖片也一樣可以鋪平,但那樣文檔顯而易見擴大了。撇開這個問題不用說,假如二張圖的規格相差太大關聯,那合拼的辦法就給跪了。并且多重背景還有一個優勢,它可以應對不一樣的背景設定不一樣的background-repeat,background-position和background-size等特性。例如那樣body{background:url(/i/bg_flower.gif),url(/i/bg_flower_2.gif);background-repeat:no-repeat,repeat;}。

                                            為單獨HTML原素特定好幾個背景是CSS最讓人希望的一個特點,根據降低對一些原素的要求(這類原素存有僅僅為了更好地用CSS加上附加的圖像背景),特定多重背景便可以簡單化HTML編碼,并讓它非常容易掌握和維護保養。多重背景基本上可以運用于一切原素。多重背景不用應用生產商作為前綴。應用多重背景時,可以應用長方式英語的語法撰寫還可以應用短方式英語的語法撰寫。假如用長方式英語的語法,必須獨立設定4個背景特性:background一color,background-image,background一position和background-repeat。應用在其中一切一個特性,都能夠調節圖像的市場定位和反復方法。

                                            不會太難發覺,這種特性的值所有都用英文逗號隔開,一個背景相匹配一個值,因此英語的語法十分形象化。更簡易的書寫,是同時在background中用英文空格符隔開每一項的特性,那樣可以節約大量的字節。body{background:url(/i/bg_flower.gif)no-repeat50%50%,url(/i/bg_flower_2.gif)repeat0%0%;}切土豆絲用牛刀(偽元素)是一件很令人啼笑皆非的事兒,因此CSS3特意為大家提前準備了一把輕量的水果刀(多重背景),應用起來十分隨手,并且實際效果非常及時。大伙兒在網頁頁面設計的環節中,應盡量挑選最合適具體需要的方式,進而更有效地達到目標。一句話,沒有較好的,僅有適合自己的。


                                            以上就是眾展網絡(www.seosarah.com)為大家帶來的“網站設計多重背景圖像”,希望能對您有所幫助。這個主要還是通過背景的代碼來實現,方法也比較簡單,很多方法都可以實現這種效果。

                                            網站建設營銷推廣找眾展網絡,14年專注為全國各地客戶提供專業的網站建設營銷推廣服務。我們有著經驗豐富的技術團隊、貼心服務的售后人員,已經成功為1000+企業提供了相關業務,您還在等什么,趕緊咨詢您的網站建設營銷推廣專家吧!
                                            立即咨詢

                                            上一篇:豪邦網絡公司好不好?

                                            下一篇:廣電網絡公司會不會倒閉?發展前景!

                                            本文由“做網站公司”眾展網絡整理發布,如需轉載請瀏覽來源及出處,原文地址:http://www.seosarah.com/problem/1110.html

                                            詳情介紹
                                            免費咨詢

                                            將您的需求及聯系信息發送給我們,工作日2小時內迅速為您提供解決方案。

                                            聯系方式

                                            聯系人:李先生
                                            手機:+86 15015300720
                                            電話:+86 0769-83078356
                                            郵箱:banth@ownpower.cn
                                            地址:東莞市常平鎮口岸大道聯檢綜合大樓B座7G
                                            經理微信

                                            經理微信

                                            電話
                                            咨詢熱線:
                                            15015300720
                                            微信
                                            微信客服

                                            微信掃一掃聯系

                                            亚洲Av噜噜一区二区三区涩爱|久久香蕉国产线看观看精品|无码免费一区二区三区久久谢|久久综合另类亚洲精品国产