如何放置链接
问题描述：
我有一个背景图像，表明后“打开远程URL”的形象，点击一个URL时，用户会离开网站： {background-image:url('/static/image/open_new.svg')}如何放置链接
的open_new.svg是24×24
我的链接使用<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几个像素放在可变长度链接的右边？
答
将CSS :after与CSS :hover结合使用可以将图像添加到鼠标悬停的元素上。然后，您可以轻松调整图像大小和左边距。参见：