CSS效果悬停（虚线下划线+文字颜色变化）

Question

我是totoal CSS noob

请你花一点时间帮我创建鼠标悬停时文字颜色变化的虚线下划线（带间隙）？

我真的很感谢你的帮助！

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

感谢TON！

Answer 1

尝试：

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

DEMO here.