鼠标悬停显示圆角背景

昨晚改了一晚上博客代码,看我的推就知道啦,我没骗你们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