<s id="z8ggw"><dfn id="z8ggw"></dfn></s>
<s id="z8ggw"></s>

<span id="z8ggw"><u id="z8ggw"></u></span>
  • <s id="z8ggw"></s>
    <u id="z8ggw"></u><s id="z8ggw"><dfn id="z8ggw"></dfn></s><dfn id="z8ggw"></dfn>
  • 用CSS控制背景圖像

    • 2019-12-27 15:44:20
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.bibiworld.net

    網頁設計時,CSS可設置背景圖片的樣式。任何一個頁面,都有它的背景色或背景圖來突出其基調,本節將通過實例介紹背景圖片的樣式設置。

    定義背景圖片

    CSS使用background-image屬性來定義背景圖片樣式,在網站建設時,該屬性用法如下:

    background-image: url;

    其作用是給頁面添加背景圖片,其中url是圖片的路徑,可以是絕對路徑,也可以是相對路徑。導入的圖片其默認屬性是在橫向和縱向上重復,如果不希望重復,則需要設置no-repeat屬性,其具體用法會在下面講到。

    【示例1】啟動Dreamweaver,新建一個網頁,保存為test.html,輸入以下內容:

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title></title>

    <title>背景圖片</title>

    <style>body { background-image: url(images/bg.jpg);     /*頁面背景圖片*/ }

    </style>

    </head>

    <body>

    </body>

    </html>

    以上代碼中,圖片默認會在橫向和縱向上重復,本例中圖片的原型如圖9.85所示。其在網頁中平鋪的效果如圖9.86所示。

    如果在設計網頁時使用的背景圖片是GIF格式的透明圖片,那么此時如果再設置網頁的背景顏色background-color,則背景圖片和背景顏色將同時生效。

    1.jpg


    2.jpg

    【示例2】啟動Dreamweaver,新建一個網頁,保存為test1.html,輸入以下內容:

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title></title>

    <title>背景圖片</title><style>body {

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

    background-color: #A7D3A0;             /*頁面背景顏色*/}

    </style>

    </head>

    <body>

    </body>

    </html>

    其顯示結果可以看到淡綠色的背景顏色和背景圖片同時顯示在網頁中。

    當前文章標題:用CSS控制背景圖像

    當前URL:http://www.bibiworld.net/news/wzzz/3150.html

    上一篇:Banner實例展示

    下一篇:網頁設計中背景圖片的重復

    網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    美女隐私免费网站,美女隐私全部免费网站,美女隐私网站免费看视频,美女隐私网站免费视频,美女隐私无遮挡网站视频,国产最大精品免费AV电影网站,国产最爽的乱婬视频,国产最爽的乱婬视频a,国产最新97超级碰碰碰碰碰久,国产最新99精品视频,巨胸流奶水视频www冈,巨胸美女露双奶头无圣光,巨胸喷奶水视频WWW,俱乐部换娇妻大杂交,剧情原创AV影视,人人操人人爽人人喊,人人操人人爽人人贱,人人操人人爽人人噜,人人操人人爽人人摸,人人操人人爽人人透,一圾黄色片一区二区_一个中国一级黄片儿_一个色综合高清在线观看,一女4p三黑人免费视频_一男一女真人免费A片_一男一女无遮掩一级毛片,一级婬片A级中文字幕_一级淫录像一区二区_一级一人片日本一级一大片,91九色国产社区在线观看,91九色蝌蚪熟女,91九色老熟女免费资源站,91九色私密保健,91九色自拍视频,一本高清无码dvd在线播放_一本高清码二区三区网站_一本高清码二区三区不卡。