在CSS中，為邊框添加內(nèi)陰影是一個常見的需求，通常可以通過box-shadow屬性來實現(xiàn)。box-shadow屬性可以為元素添加多個陰影，包括內(nèi)陰影和外陰影，以下是一些示例代碼，展示如何為邊框添加內(nèi)陰影：

示例1: 基本用法

.box {
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  box-shadow: 0 0 10px 5px #333;
}

示例2: 多個陰影

.box {
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  box-shadow: 
    0 0 10px 5px #333,
    0 0 20px 10px #444,
    0 0 30px 15px #555;
}

示例3: 內(nèi)陰影和外陰影

.box {
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  box-shadow: 
    -5px -5px 10px #333, /* 內(nèi)陰影 */
    5px 5px 20px #444; /* 外陰影 */
}

示例4: 使用rgba顏色

.box {
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  box-shadow: 
    -5px -5px 10px rgba(199, 37, 46, 0.5), /* 內(nèi)陰影 */
    5px 5px 20px rgba(81, 255, 147, 0.7); /* 外陰影 */
}

示例5: 添加圓角

.box {
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  border-radius: 15px; /* 添加圓角 */
  box-shadow: 
    -5px -5px 10px #333, /* 內(nèi)陰影 */
    5px 5px 20px #444; /* 外陰影 */
}

希望這些示例能幫助你更好地理解和使用CSS的box-shadow屬性來添加內(nèi)陰影，如果你有更多問題或需要進一步的解釋，請隨時提問！