我有一個背景圖像,表明後「打開遠程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
幾個像素放在可變長度鏈接的右邊?