懸停時的 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;
}

演示在這里。