1. css背景從上到下顏色漸變

body {background: linear-gradient(to bottom, #ff0000, #ffff00); /* 這里的#ff0000表示紅色，#ffff00表示黃色 */
}

2. css背景從左到右顏色漸變

要實(shí)現(xiàn)CSS背景從左到右的顏色漸變，可以使用linear-gradient函數(shù)。以下是一個(gè)簡單的例子，它創(chuàng)建了從左(紅色)到右(藍(lán)色)的水平漸變背景：

.gradient-background {background-image: linear-gradient(to right, red, blue);}

3. css框線展示外陰影

在CSS中，您可以使用box-shadow屬性為元素添加外陰影。該屬性允許您指定陰影的X偏移、Y偏移、模糊半徑、擴(kuò)散半徑以及顏色。

.div-with-shadow {
/* 語法: box-shadow: [水平X偏移] [垂直Y偏移] [模糊半徑] [擴(kuò)散半徑] [顏色]; */box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

4. css框線展示內(nèi)陰影

重點(diǎn)：在CSS中，您可以使用box-shadow屬性來為元素展示內(nèi)陰影。該屬性允許您設(shè)置水平陰影的位置、垂直陰影的位置、模糊距離、陰影的擴(kuò)散范圍和陰影顏色。

注意：要?jiǎng)?chuàng)建內(nèi)陰影，請(qǐng)將inset關(guān)鍵字添加到陰影的偏移量中。沒有inset關(guān)鍵字的陰影被視為外陰影。

/* 語法: box-shadow: inset  [水平偏移] [垂直偏移] [模糊半徑] [擴(kuò)散半徑] [顏色]; */
.box {/* 添加內(nèi)陰影 */box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}