悬停时的 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;
}

演示在这里。