在CSS中實現彩色背景可以讓網頁看起來更加鮮活生動。下面介紹兩種方法實現彩色背景。
1. 使用background-color屬性實現彩色背景
.color-bg { background-color: #FFA500; }
其中#FFA500為橙色的十六進制顏色值。將該樣式應用到一個元素上,該元素的背景色就變成了橙色。
2. 使用漸變實現彩色背景
.gradient-bg { background: linear-gradient(to bottom, #FF4500, #FFA500, #FFD700); }
其中linear-gradient表示使用線性漸變,to bottom表示從上到下的方向,#FF4500、#FFA500、#FFD700分別為從頂部到底部變化的三個顏色值,可以根據需要自行調整。應用該樣式后,元素的背景將呈現出從上到下漸變的效果。
上一篇ionic2 php
下一篇css中容器前面加