CSS悬停在链接上以填充背景

Question

我想要的是什么：

当我将鼠标悬停在链接上时，它应该以固定宽度（例如225像素）的背景颜色填充背景。 不应考虑链接文本的长度。

我怎样才能做到这一点？

Answer 1

a:hover {background: url('some225pxWideImage.jpg') no-repeat;}

Answer 2

HTML：

<a class="someclass">Some link</a>

CSS：

a.someclass {
    display: block;
    width: 225px;
}

a.someclass:hover {
    background-color: #123456;
}