The attr() function in CSS allows you to extract the value of an HTML attribute and use it as a CSS value. This can be useful for creating more dynamic and flexible styles that can adapt to different content and contexts.