html+css 設定背景圖片
看一下HTML程式碼:
<body>
<div class="box"></div>
</body>
CSS程式碼如下:
*{
margin: 0;
padding: 0;
}
.box{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.box::before{
display: block;
content: "";
height: 100%;
background: url("./img/6c89f115f22ef7516779f11434b310c1.jpg");
background-size: cover;
}
上圖即可實現 圖片 自適應的效果了
相關文章
- JavaScript設定背景圖片JavaScript
- JavaScript設定背景圖片位置JavaScript
- 為view設定背景圖片View
- CSS設定背景圖片程式碼CSS
- vscode設定背景圖片VSCode
- UIView設定背景圖片幾種方式UIView
- JavaScript動態設定元素背景圖片JavaScript
- 為input文字框設定背景圖片
- CSS3 設定多個背景圖片CSSS3
- c# 設定MdiClient窗體的背景圖片C#client
- 設定二維碼圖片背景透明教程
- 設定背景圖片鋪滿整個螢幕
- Android之背景圖片設定為重複Android
- css設定背景圖片鋪滿固定不動CSS
- css設定背景圖片樣式程式碼例項CSS
- QT中 視窗部件的 背景圖片 的設定QT
- Qt中按鈕背景圖片的切換設定QT
- CSS設定背景圖片水平重複和垂直重複CSS
- 用html+css樣式,畫背景圖HTMLCSS
- 2個方式快速解決:Word背景圖片怎麼設定
- 直播平臺原始碼,qt繪畫事件-設定背景圖片原始碼QT事件
- 微信小程式設定背景圖微信小程式
- HTML5 body設定全屏背景圖片 如何讓body的背景圖片自適應整個屏—-實戰經驗HTML
- windows10背景圖怎麼設定_win10設定桌面背景圖的方法WindowsWin10
- HT For Web 拓撲圖背景設定Web
- svg 圖示設定背景顏色SVG
- Windows設定圖片縮圖Windows
- 設定svg圖片大小SVG
- Excel為批註設定圖片背景 出現Bad Request - Request Too longExcel
- CSS3第二天(元素顯示模式、圖片背景設定)CSSS3模式
- HighCharts之圖表背景設定
- CSS · 兩種背景圖片CSS
- css 背景圖片屬性CSS
- WPF 按鈕背景圖片
- 美圖秀秀怎麼給圖片新增背景?美圖秀秀給圖片新增背景的教程
- 美圖秀秀-美化圖片之【背景虛化】介面設計
- CSS背景圖片集中在同一個圖片CSS
- 直播系統搭建,插入圖片、刪除圖片、設定圖片大小