CSS中的attr()方法可以用來獲取HTML元素中的屬性值，然后將其應用到CSS樣式中。

例如，如果您想將HTML中的"data-color"的值應用到CSS樣式中：

HTML代碼：

<div data-color="red" class="box"></div>

CSS代碼：

.box {
background-color: attr(data-color);
}

在此示例中，attr(data-color)會在CSS樣式中返回"data-color"屬性的值"red"，然后將其應用為所選元素的背景顏色。

另外，attr()方法還可用于獲取其他HTML屬性，如title、href、alt等等。

例如，如果您想將HTML的title屬性應用于CSS樣式中：

HTML代碼：

<a href="#" title="點擊了解更多"></a>

CSS代碼：

a:before {
content: attr(title);
}

在此示例中，attr(title)會在CSS樣式中返回"title"屬性的值"點擊了解更多"，然后將其作為所選元素的:before偽元素的內容。

總而言之，使用attr()方法可以輕松地從HTML元素中提取屬性值，然后將其應用到CSS樣式中，從而增強頁面的可訪問性并實現更精細的樣式設計。