CSS是前端開發(fā)中非常重要的一部分技術(shù)，它可以控制網(wǎng)頁的樣式和布局，在網(wǎng)頁中，我們經(jīng)常需要讓圖片橫屏鋪滿，下面就讓我們來看一下如何使用CSS來實(shí)現(xiàn)這個效果。

img{
width: 100%;
height: auto;
}

上面的代碼是用來讓圖片橫屏鋪滿的，我們可以看到代碼中的width屬性被設(shè)置為了100%，這意味著圖片的寬度會被設(shè)置成和父元素的寬度相等，這樣圖片就會鋪滿整個橫向空間。

同時，為了保證圖片的縱橫比例不被破壞，我們還需要將height屬性設(shè)置為auto，這樣圖片的高度會根據(jù)寬度的比例自動調(diào)整，以保證圖片不會變形。

需要注意的是，上面的代碼是將樣式設(shè)置在img元素上，這意味著所有的圖片都會應(yīng)用這個樣式，如果你只想讓某些特定的圖片橫屏鋪滿，可以為這些圖片添加一個class屬性，并將樣式代碼改成以下形式：

.img-class{
width: 100%;
height: auto;
}

以上代碼中，.img-class是我們?yōu)閳D片添加的class屬性的名稱，可以根據(jù)需要進(jìn)行修改，這樣就只有帶有這個class屬性的圖片才會橫屏鋪滿。

總之，使用CSS來實(shí)現(xiàn)圖片橫屏鋪滿非常簡單，只需要設(shè)置圖片的寬度為100%，并將高度設(shè)置為auto即可。