html5 css3鼠标悬停竹里馆，使得独坐优选文字添加下划线

HTML5 和 CSS3 可以结合使用创建交互式的网页效果。如果你想让鼠标悬停在 "竹里馆" 这个元素上时，文本 "独坐" 有下划线的效果，你可以这样做：

首先，在 HTML 中设置一个包含这两个词的元素，例如一个 `span` 或者 `a` 标签：

<a href="#" class="hover-effect">竹里馆 <span class="underline-on-hover">独坐</span></a>

然后，使用 CSS3 的伪类 `:hover` 来指定当鼠标悬停时应用样式：

.hover-effect {
  position: relative; /* 如果你想它保持在同一行，可以设置这个 */
}

.hover-effect span {
  display: inline-block; /* 防止下划线影响整个链接 */
  transition: underline 0.3s ease; /* 添加平滑过渡效果 */
}

.hover-effect:hover span {
  text-decoration: underline; /* 当鼠标悬停时添加下划线 */
}

在这个例子中，当你将鼠标悬停在 "竹里馆" 上时，"独坐" 文字会显示下划线。当鼠标离开时，下划线会消失。