悬停时的 CSS 效果（下划线虚线 + 文本颜色更改）

Question

我完全是 CSS 菜鸟

能否请您花点时间帮我创建虚线下划线（带间隙），鼠标悬停时文本颜色会发生变化？

非常感谢您的帮助！

http://i.imgur.com/2JjFYWT.jpg
http://codepen.io/anon/pen/lIjDp（请不要介意那里有一些不必要的 CSS 代码）

非常感谢！

Answer 1

试试：

#zed h1:hover{
    border-bottom:5px dashed yellow;
    color:orange;
}

DEMO here.