CSS內外文字不同顏色設置方法

在CSS中，我們可以使用::before和::after偽元素來實現內外文字不同顏色的效果，以下是一個簡單的示例：

<div class="text-container">
  我是內部文字
</div>

.text-container {
  position: relative;
  color: #333; /* 內部文字顏色 */
}
.text-container::before {
  content: "我是外部文字"; /* 外部文字內容 */
  position: absolute;
  left: 0;
  top: 0;
  color: #666; /* 外部文字顏色 */
}

在這個示例中，我們創(chuàng)建了一個名為text-container的類，用于包含內部文字，我們使用::before偽元素在內部文字之前添加外部文字，通過調整position屬性，我們可以控制外部文字的位置，在這個示例中，外部文字與內部文字位于同一位置，我們設置內部文字和外部文字的顏色。

你可以根據需要調整這個示例中的顏色、字體等樣式屬性，如果你希望外部文字與內部文字位于不同位置，可以通過調整position屬性來實現，如果你希望外部文字在內部文字的下方，可以將position屬性設置為position: absolute; bottom: 0;。