如何設置html中的背景圖片（全屏顯示，且不拉伸）

1 <style>
2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture);

3 background-size:cover;background-attachment: fixed; 4 background-repeat:no-repeat;background-position:center } </style>

👆👆👆是我用的代碼

Background : 背景色
Background Image :選取你的背景圖
Reapeat : 背景圖是否重複，其 中選no-repeat爲不重複，repeat爲重複，repeat-x和repeat-y分別爲只在X和Y方向重複。Attachment : 背景圖位置，fix爲背景圖位置固定不變，scroll爲背景圖隨頁面一同滾動Horizontal : 爲固定背景圖時圖在水平方向所居的位置，能夠選擇居中，居左，居右或本身設定距左的距離。Vertical : 爲固定背景圖時圖在豎直方向所居的位置，能夠選擇居中，居頂部，居底部或本身設定距頂的距離。注意帶 * 的選項要在瀏覽器裏才能看到效果。設定完畢，對Dreamweaver左下角點選<body應用該CSS樣式就好了不光是<body標籤，頁面裏有的元素均可以在那裏選擇，能夠很方便的選取應用對象。對於全部onload 的觸發事件，也均可以選<body再加Behavior，好比drag layer或打開頁面後彈出窗口等等background-attachment屬性控制背景圖象是否隨內容一塊兒滾動，取值爲scroll和fixed。默認值爲scroll（滾動）；fixed爲靜止。