色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css怎么讓背景圖片拉伸

錢斌斌2年前17瀏覽0評論

CSS中的background-size屬性可以用來設(shè)置背景圖片的尺寸,其中的值可以為長度、百分比或者關(guān)鍵字contain和cover。其中的關(guān)鍵字分別表示把圖片縮放至完全包含背景區(qū)域和把圖片縮放至至少有一邊完全填充背景區(qū)域。下面給出兩種讓背景圖片拉伸的方法:

方法一:設(shè)置background-size為100% 100%。

.wrapper {
background-image: url("images/bg.jpg");
background-size: 100% 100%;
/* 其他樣式 */
}

這種方法會讓背景圖片的寬度與高度分別縮放至整個背景區(qū)域的寬度和高度。這樣的話,如果背景圖片本身的寬高比與背景區(qū)域的寬高比不同,那么圖片就會被拉伸。

方法二:設(shè)置background-size為cover。

.wrapper {
background-image: url("images/bg.jpg");
background-size: cover;
/* 其他樣式 */
}

這種方法會讓背景圖片按照寬高比縮放至至少有一邊完全填充背景區(qū)域。這樣的話,如果背景圖片本身的寬高比與背景區(qū)域的寬高比不同,那么圖片就會被裁剪。但是這種方法可以保證背景圖片始終填滿整個背景區(qū)域。

上一篇mysql19
下一篇mysql1715