嫩嫩的程式學習紀錄 - Jim

網頁要美美的就得靠專業前端工程師來教你啦!只要用好顏色設定,就可以創造自己的風格!

若要使用背景顏色設定 (background-color)屬性，可讓簡潔的純色背景可以襯托出網頁的主體、也可決定網頁的風格。像是背景純黑的網頁與背景為粉紅色的網頁，風格差異就會很大。其實 background-color 能夠使用的範圍除了網頁背景色外，也可以應用在設計表格、DIV 區塊、span 等網頁元素的背景顏色。

CSS background-color 基本語法如下：

background-color: 顏色名稱或色碼 ;

前端工程師建議如果要用background-color，可以利用CSS碼選擇使用的顏色值包含顏色的英文名稱、十六進位制色碼以及 RGB 色碼，挑選顏色請參考：網頁顏色代碼對照表。

CSS background-color 語法範例一、網頁背景

html{background-color: 顏色名稱或色碼 ;}

CSS background-color 語法範例二、DIV 區塊、H1-H6 標題等斷落的背景顏色

div(可替換成 h1、p 等網頁元素標籤){background-color: 顏色名稱或色碼 ;}

前端工程師建議同樣的技巧還可用在其他的網頁元素，若想採用圖片當成背景，請參閱：2. 背景圖樣設定 (background-image)。

推薦閱讀:

CSS標籤也玩父與子?就讓前端工程師來解密!

CSS跟HTML怎樣才能迸出愛的火花?前端工程師笑說其實很簡單!

想要善用Class選擇器,聽聽前端工程師怎麼說!

達內課程先就業再付款- 中時電子報

人工智慧取代人腦?能創造出滿天飛的假新聞?

網路行銷課程第八篇：SEO優化的白話文運動？

慢慢來真的比較快?帶你看反流行的網路行銷課程