Html 如何为链接/div背景添加css过渡颜色更改

我要整个部门从555555换成b13c19。这是一个简单的圆角div，环绕着一个链接。我似乎做得不对。这是我到目前为止所拥有的。任何帮助都将不胜感激

HTML

我不确定把-moz转换放在哪里：背景1s轻松；等等。当我将鼠标悬停在链接上时，我希望背景改变颜色。我将其用于链接的背景色，但效果不太好，因为背景仅包含文字，而不是整个230 x 25区域。

简历{ 位置：相对位置； 边缘顶部：25px； 宽度：320px； 背景色：555555； 背景重复：无重复； 文本对齐：居中； -webkit边界半径：10px； -moz边界半径：10px； -ms边界半径：10px； -0-边界半径：10px； 边界半径：10px； -webkit转换：背景1s； -moz跃迁：背景1s； -ms转换：背景1s； -o-转变：背景1s； 过渡：背景1s； } 恢复：悬停{ 背景：b13c19； } 简历{ 文字装饰：无； 显示：块； 颜色：白色； 字体：300 18px“oswald”，helvetica，arial，无衬线； 填充：20px； } 简历{ 位置：相对位置； 边缘顶部：25px； 宽度：320px； 背景色：555555； 背景重复：无重复； 文本对齐：居中； -webkit边界半径：10px； -moz边界半径：10px； -ms边界半径：10px； -0-边界半径：10px； 边界半径：10px； -webkit转换：背景1s； -moz跃迁：背景1s； -ms转换：背景1s； -o-转变：背景1s； 过渡：背景1s； } 恢复：悬停{ 背景：b13c19； } 简历{ 文字装饰：无； 显示：块； 颜色：白色； 字体：300 18px“oswald”，helvetica，arial，无衬线； 填充：20px； }

---

你什么意思不起作用？它工作得很好，只需看看JSFIDDLE，谢谢！成功了。我也试过了…不知道为什么上次没用。我知道这对IE不起作用，但我不在乎。我的目标受众还没有笨到可以继续使用IE。我知道这是不好的编码道德，但这是我的个人网站。它应该在IE中工作。而且，你不一定需要包装div来设计链接的样式。-你什么意思不起作用？它工作得很好，只需看看JSFIDDLE，谢谢！成功了。我也试过了…不知道为什么上次没用。我知道这对IE不起作用，但我不在乎。我的目标受众还没有笨到可以继续使用IE。我知道这是不好的编码道德，但这是我的个人网站。它应该在IE中工作。而且，你不一定需要包装div来设计链接的样式-

<div id="resume_btn">
   <a href="Aalok_Resume.pdf"> Click Here to View My Resume </a>
</div>