在寫前端頁面時 ， 會遇到設置全屏背景色的需求 。 今天我給大家講解下css如何設置全屏背景色

需要這些哦
html+css
代碼編纂器（本文用的HBuilder）
方式/
1打開編纂器 ， 新建test.html頁面 ， 用來進修今天的內容



2在頁面的body區域 ， 新建一個div ， 給div加上class ， 叫做test ， 用來測試今天的內容



3在css樣式里 ， 給htm設置以部屬性：
height: 100%;
width: 100%;



4在css樣式里 ， 給body設置以部屬性：
height: 100%;
width: 100%;



5在css樣式里 ， 給test設置以部屬性：
【css如何設置全屏背景色】width: 100%;
height: 100%;
background: red;



6在瀏覽器中打開test.html ， 會發現整個頁面都是紅色



注重事項html ， body需設置高度為100%

以上內容就是css如何設置全屏背景色的內容啦 ， 希望對你有所幫助哦！

猜你喜歡

• 華為P30 Pro怎樣合適設置屏幕顯示的字體大小
• 士童如何養殖
• wps演示中如何制作多矩形鏤空式封面
• QQ音樂怎么設置跑步電臺
• wps演示中如何制作簡潔雜志型目錄樣式
• wps演示中如何制作橙色幾何簡約型封面
• wps演示中如何進行文藝風圖文排版
• wpsppt中如何制作清新撞色型目錄
• 愛剪輯怎么設置視頻字幕顏色
• word2019如何設置文檔中的日期自動更新