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样式中，从而增强页面的可访问性并实现更精细的样式设计。