我有一个背景图片，表示点击网址后，用户将离开网站：
{background-image:url('/static/image/open_new.svg')}
open_new.svg是24x24
我的链接使用<ol><li>格式化。
我想在链接后放置背景图像;我的链接长度可变。
在悬停时，此CSS会在链接末尾显示：
ol li.external a {background:no-repeat; background-position: left 100% center; }
ol li.external:hover a {background-image:url('/static/image/open_new.svg')}
此CSS在<li>和链接之间打开一个空格，并在悬停的空间中公开背景图像：
ol li.external a {background:no-repeat; background-position: left 100% center; padding:30px; }
ol li.external:hover a {background-image:url('/static/image/open_new.svg')}
什么CSS会将background-image几个px放在可变长度链接的右边？
答案 0 :(得分：1)
将CSS :after与CSS :hover结合使用，可以在鼠标悬停时将图像添加到元素中。然后，您可以轻松调整图像大小和左边距。参见：