CSS盒子內(nèi)部陰影怎么寫？

在CSS中，我們可以使用box-shadow屬性來創(chuàng)建盒子的內(nèi)部陰影，這個(gè)屬性接受四個(gè)值，分別是水平陰影位置、垂直陰影位置、陰影模糊半徑和陰影顏色。

下面是一個(gè)簡(jiǎn)單的例子，展示如何在CSS中創(chuàng)建一個(gè)帶有內(nèi)部陰影的盒子：

.box {
  width: 200px;
  height: 200px;
  background-color: #fff;
  box-shadow: 10px 10px 5px #000;
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)名為.box的類，這個(gè)類應(yīng)用了一個(gè)帶有內(nèi)部陰影的樣式，水平陰影位置設(shè)置為10px，垂直陰影位置也設(shè)置為10px，這意味著陰影會(huì)在盒子的右下角出現(xiàn)，模糊半徑設(shè)置為5px，這將決定陰影的模糊程度，我們將陰影顏色設(shè)置為#000，即黑色。

你可以根據(jù)自己的需求調(diào)整這些值，以改變陰影的位置、大小和顏色，你也可以將box-shadow屬性應(yīng)用到其他元素上，以創(chuàng)建更多有趣的視覺效果。

使用CSS的box-shadow屬性，你可以輕松地創(chuàng)建出帶有內(nèi)部陰影的盒子，使你的網(wǎng)頁(yè)更加豐富多彩。