一張圖片位置不同顯示不同內(nèi)容

正常情況下
鼠標(biāo)移到圖片上后

原圖片

重點(diǎn)

background-image: url(images/110.png);
background-position:bottom;
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            a{
                width: 67px;
                height: 32px;
                background-image: url(images/110.png);
                display: inline-block;/*不加這句話(huà),a的圖片不會(huì)出來(lái)的*/
                
            }
            a:hover{
                background-image: url(images/110.png);
                background-position: bottom;
            }
        </style>
    </head>
    <body>
        <a href="#"></a>
    </body>
</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • background-color background-color:#ff0000紅色background-col...
    每日活菌閱讀 559評(píng)論 0 0
  • 1、垂直對(duì)齊 如果你用CSS,則你會(huì)有困惑:我該怎么垂直對(duì)齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,296評(píng)論 0 11
  • 不知為何,mxnet調(diào)用時(shí)會(huì)指出libXX.so文件缺失,這時(shí)把lib64里的文件放入/usr/local/lib...
    Hermes777閱讀 1,377評(píng)論 0 0
  • 將頭右轉(zhuǎn),望著玻璃窗,我發(fā)現(xiàn)玻璃窗中印著房間里的白色燈光與小區(qū)外樹(shù)葉隱隱遮住的黃色路燈,兩者相互映襯,遠(yuǎn)近層次分明...
    之晴Queen閱讀 367評(píng)論 3 1

友情鏈接更多精彩內(nèi)容