鼠标悬停显示圆角背景

昨晚改了一晚上博客代码，看我的推就知道啦，我没骗你们555……无奈自己非专业，所以都靠着别人的代码点点滴滴拾起。所以一定要做好笔记！以防日后不记得！小白一枚，砖家请无视。

昨晚主要卡壳在“鼠标悬停显示圆角背景”上（不知道这样的描述准确不- -|||），之前大概知道点鼠标悬停的代码，hover嘛，懂的。鼠标悬停有背景也懂，加个background-color就好了。但是！这个背景是矩形的。最近看到好多圆角的，于是心里痒也弄起来。最后在原代码中找到了解决方法，特此记录。

hover {
color: #fff;
text-decoration: none;
background-color: #ddd;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

给未来的自己稍微解释下，部分引用自Andy's Learning Notebooks：

• text-decoration 可以加个 underline 神马的，下划线
• radius 就是传说中的半径
• -moz-border-radius 是 Firefox 用来显示圆角的语法
• -webkit-border-radius 是 Chrome 和 Safari 用来实现圆角的语法
• border-radius 据说是 IE9 用来实现圆角的语法
• 顺序：左上角-右上角-右下角-左下角（从左上角开始顺时针一圈）