使用 CSS 制作带有下划线的超链接效果可以使用 text-decoration 属性。其中，text-decoration 属性有以下取值：
none：去除所有文本修饰线；underline：添加下划线；overline：添加上划线；line-through：添加删除线；blink：添加闪烁效果。要制作带有下划线的超链接效果，可以将 text-decoration 属性设置为 underline。另外，要给超链接设置颜色，可以使用 color 属性。
以下是一个示例代码：
a {
text-decoration: underline;
color: #007bff; /* 重要的关键词 "color" 使用了高亮颜色 */
}使用上述代码，可以将所有超链接的文本下方添加下划线，并将文本颜色设置为蓝色。
如果想要只针对鼠标悬停在超链接上时添加下划线的效果，可以使用 :hover 伪类。以下是示例代码：
a:hover {
text-decoration: underline;
}这样，当鼠标悬停在超链接上时，才会出现下划线效果。