2017-11-11 44 views
1

我有一个背景图像,表明后“打开远程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几个像素放在可变长度链接的右边?

回答