• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 網(wǎng)頁設(shè)計中背景圖片的重復

        網(wǎng)頁設(shè)計中,CSS使用background-repeat屬性來定義背景圖片的重復,該屬性用法如下:

        background-repeat:repeat-x|repeat-y|no-repeat

        background-repeat屬性的3個取值作用如下。   

        ?repeat-x:圖片在x軸方向上重復。

        ?repeat-y:圖片在y軸方向上重復。   

        ?no-repeat:不平鋪,圖片只顯示一次。

        【示例】啟動Dreamweaver,新建一個網(wǎng)頁,保存為test.html,輸入以下內(nèi)容:

        <!doctype html>

        <html>

        <head>

        <meta charset="utf-8">

        <title></title>

        <style>body {    

        background-image: url(images/bg.jpg);     /*頁面背景圖片*/    

        background-repeat: repeat-y;              /*頁面背景圖片縱向重復*/}

        </style>

        </head>

        <body>

        </body>

        </html>

        顯示結(jié)果如圖1所示,背景圖片在設(shè)計網(wǎng)頁時縱向上進行了重復顯示。背景的原圖如圖2所示。其實際高度為1像素,這里為了讓讀者看得清楚,因此將其放大了。

        提示:網(wǎng)站建設(shè)時,如果是要設(shè)置兩個方向上的平鋪,就不需要設(shè)置屬性值,這時CSS會采用默認的向橫向和縱向兩個方向重復的效果。但是,如果手動地設(shè)置repeat-x和repeat-y的兩個值的話,那么系統(tǒng)會自動認定后設(shè)的一種平鋪方式有效,只會向一個方向平鋪。

        網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:0871-63535511(點擊可一鍵撥號)
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>