CSS Content 自動填充加底色

在CSS中，我們可以使用content屬性來自動填充內(nèi)容，并且可以為填充的內(nèi)容添加底色，下面是一個簡單的例子：

div {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  position: relative;
}
div::before {
  content: "自動填充的內(nèi)容";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f00; /* 添加紅色底色 */
}

在這個例子中，我們創(chuàng)建了一個div元素，并為其添加了一個偽元素::before。::before設(shè)置為"自動填充的內(nèi)容"，并且背景色設(shè)置為紅色，這樣，當頁面渲染時，div元素中就會顯示"自動填充的內(nèi)容"，并且背景色為紅色。

需要注意的是，content屬性的值可以是任何有效的CSS表達式，包括顏色、圖片等，我們可以根據(jù)具體的需求來設(shè)置content屬性的值，以實現(xiàn)自動填充加底色的效果。