2017-11-11 218 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幾個像素放在可變長度鏈接的右邊?

回答