免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

css引入圖片文件的方法-創新互聯

這篇文章給大家分享的是有關css引入圖片文件的方法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創新互聯公司專注于迭部網站建設服務及定制，我們擁有豐富的企業做網站經驗。 熱誠為您提供迭部營銷型網站建設，迭部網站制作、迭部網頁設計、迭部網站官網定制、成都小程序開發服務，打造迭部網絡公司原創品牌,更為您提供迭部網站排名全網營銷落地服務。

css引入圖片文件的方法：1、通過“background-image:url(圖片地址)”方法來引入；2、使用“background:url(圖片地址)”方法來引入圖片，展現到網頁中即可。

css引入圖片文件

在CSS中，可以用background-image:url(你的圖片地址)或background:url(你的圖片地址)來引入圖片，展現到網頁中。

<div id="bgimg"></div>
#bgimg {
background: #333 url(圖片路徑) center center no-repeat;
}

第一個參數，圖片底層的背景顏色，第二個參數，圖片路徑，第三個參數，圖片上下的相對位置（其他參數left,right），第四個參數，圖片左右的相對位置（top,bottom），第五個參數，圖片的重復（其他參數 repeat,repeat-x,repeat-y）。

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>背景圖片設置</title>
        <style>
            .demo{
                position:fixed;
                top: 0;
                left: 0;
                width:100%;
                height:100%;
                min-width: 1000px;
                z-index:-10;
                zoom: 1;
                background-color: #fff;
                background: url(1.png);
                background-repeat: no-repeat;
                background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-position: center 0;
            }
        </style>
    </head>
    <body>
        <div class="demo"></div>
    </body>
</html>

效果圖：

css引入圖片文件的方法

說明：

background屬性是一個簡寫屬性，可以在一個聲明中設置所有的背景屬性。

background屬性就是專門設置背景的屬性，可以設置背景色，也可以設置背景圖片。

下面看看background可以設置的屬性：

background-color： 規定要使用的背景顏色。

background-position： 規定背景圖像的位置。

background-size： 規定背景圖片的尺寸。

background-repeat ：規定如何重復背景圖像。

background-origin ：規定背景圖片的定位區域。

background-clip： 規定背景的繪制區域。

background-attachment： 規定背景圖像是否固定或者隨著頁面的其余部分滾動。

background-image ：規定要使用的背景圖像。

元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。默認情況下，background-image放置在元素的左上角，并重復垂直和水平方向。

感謝各位的閱讀！關于“css引入圖片文件的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網站標題：css引入圖片文件的方法-創新互聯
鏈接分享：http://m.newbst.com/article8/dchiip.html

成都網站建設公司_創新互聯，為您提供品牌網站設計、建站公司、電子商務、網站導航、商城網站、網站內鏈

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都app開發公司