html和css如何做到讓一張圖片鋪滿屏幕呢?

比如img id=bg src=bg.jpg/#bg{position：fixed；width：100%；height：100%；} 萬維網上的一個超媒體文檔稱之為一個頁面（外語：page）。

紅安網站建設公司成都創新互聯,紅安網站設計制作，有大型網站制作公司豐富經驗。已為紅安1000+提供企業網站建設服務。企業網站搭建\外貿網站建設要多少錢，請找那個售后服務好的紅安做網站的公司定做！

首先新建一個html文檔。其次達到杭州機場后，設置一下HTML的框架，然后把圖片設置在同一個文件夾里面。最后設置html和body的高度為100%，給背景添加背景圖片，并設置background-size為100%即可將背景圖片鋪滿。

需要在css中，可以將div的高度和寬度屬性設置為100%，同時使用background-size屬性設置背景圖片為100%，便可以實現背景圖片鋪滿屏幕。

最簡單方法使用css0新增的一個屬性background-size，代碼如圖。IE8以下不支持。打開瀏覽器查看效果如下：使用css代碼如圖。支持IE9+，IE 7/8： 平鋪效果支持，但是在小于1024px的屏幕下居中效果失效。

style type=text/css ！-- table { background-image： url(b6jpg)；height： 100px； width： 100px；} -- /style 用圖像處理軟件（如：Photoshop）“裁切”成需要的大小。

急!!如何用css實現背景圖片縱向平鋪???

CSS如何設置背景圖片水平重復和垂直重復： 設置背景圖片的水平平鋪或者垂直平鋪非常的簡單，使用兩端代碼就可以了，代碼如下：background：url(photo.gif) repeat-y； 以上代碼可以讓背景圖片在垂直方向上平鋪。

如果背景是純色，那就不存在平不平鋪的問題，文字有多長，背景就有多長。

repeat-y： 背景圖像在縱向上平鋪 repeat： 背景圖像在橫向和縱向平鋪 no-repeat： 背景圖像不平鋪 round： 背景圖像自動縮放直到適應且填充滿整個容器。

CSS如何設置背景圖片水平重復和垂直重復_html/css_WEB-ITnose_百度知...

1、元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。background-repeat 屬性設置是否及如何重復背景圖像。注：默認情況下，背景圖像位于元素的左上角，并在水平和垂直方向上重復。

2、如果需要在頁面上對背景圖像進行平鋪，可以使用 background-repeat 屬性。屬性值 repeat 導致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。

3、}div{ text-align：center；} 假設p在div內部，要讓p居中先給外層元素設置text-align：center，這個意思是讓div里面的內聯元素居中，然后將p變成內聯元素，即可。

如何用CSS實現多張圖片的平鋪出現呢?

lxm 19872006 的方法是可行的。

創建以下目錄結構的測試頁面。將測試圖片顯示在瀏覽器界面上，效果如下。通過CSS設置背景圖片，默認效果如下，圖片被自動重復以鋪滿窗口。通過CSS設置背景圖片不重復，此時，圖片將不能鋪滿窗口。

你下載一下他們的網站上的圖片，你會看到他們將很多小圖片全部集成在一張圖片上。

px 10px； float：left 以上都是按照你圖像樣式來做的，都是以圖片布局形式，你可以參考一下。

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。

在默認狀態下（或者說不做任何特殊的css設置的情況下），作為背景的圖片都是不失真地進行平鋪的啊。當然，我所理解的“不失真”是指圖片的長寬比例保持不變，如果你有其他的解釋請說明。

網頁標題：css圖片平鋪樣式 css 背景圖平鋪
URL鏈接：http://m.newbst.com/article37/dgpcpsj.html

成都網站建設公司_創新互聯，為您提供App開發、定制網站、網站設計公司、自適應網站、網站收錄、App設計

廣告

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