網頁要美得用對方法,連前端工程師也大讚好用的CSS背景設定!
連前端工程師都大推好用的CSS背景設定,你還不學嗎?
若要使用背景顏色設定 (background-color)屬性，可讓簡潔的純色背景可以襯托出網頁的主體、也可決定網頁的風格。像是背景純黑的網頁與背景為粉紅色的網頁，風格差異就會很大。其實 background-color 能夠使用的範圍除了網頁背景色外，也可以應用在設計表格、DIV 區塊、span 等網頁元素的背景顏色。
CSS background-color 基本語法如下：
background-color: 顏色名稱或色碼 ;
CSS background-color 語法範例一、網頁背景
html{background-color: 顏色名稱或色碼 ;}
CSS background-color 語法範例二、DIV 區塊、H1-H6 標題等斷落的背景顏色
div(可替換成 h1、p 等網頁元素標籤){background-color: 顏色名稱或色碼 ;}
前端工程師建議同樣的技巧還可用在其他的網頁元素，若想採用圖片當成背景，請參閱：2. 背景圖樣設定 (background-image)。
更多閱讀:
前端工程師常用的CSS竟然有父與子標籤?繼承關係怎麼看?
五分鐘搞好CSS跟HTML的關係,簡單到前端工程師做夢也會笑!
前端工程師不藏私教學,告訴你Class選擇器最佳使用時機!
中國IT教育領導品牌 達內教育集團第一家海外授權中心
網路行銷課程告訴你什麼才是人人喜愛的好文章!!
PTT 創辦人杜奕瑾又一人工智慧力作-偵測敗血症
能跟你同手同腳的機器人,你知道是Python課程下的產物嗎?
