討論一下163郵箱的按鈕效果是如何實(shí)現(xiàn)的。_html/css_WEB-ITnose
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 16:32:06
討論一下163郵箱的按鈕效果是如何實(shí)現(xiàn)的。_html/css_WEB-ITnose
討論一下163郵箱的按鈕效果是如何實(shí)現(xiàn)的。_html/css_WEB-ITnose:web 作為web展現(xiàn)技術(shù)處于石器時(shí)代的我來說，這種效果有點(diǎn)神奇。 這是這組按鈕，首先他們是圓形的，第一反應(yīng)是一張矩形png圖片，圓形以外的部分透明。 把鼠標(biāo)移動(dòng)到圖片，鼠標(biāo)變成手型。但是如果是這種實(shí)現(xiàn)思路的話，沒辦法解釋鼠標(biāo)移動(dòng)到 矩形以內(nèi)內(nèi)切
導(dǎo)讀討論一下163郵箱的按鈕效果是如何實(shí)現(xiàn)的。_html/css_WEB-ITnose:web 作為web展現(xiàn)技術(shù)處于石器時(shí)代的我來說，這種效果有點(diǎn)神奇。 這是這組按鈕，首先他們是圓形的，第一反應(yīng)是一張矩形png圖片，圓形以外的部分透明。 把鼠標(biāo)移動(dòng)到圖片，鼠標(biāo)變成手型。但是如果是這種實(shí)現(xiàn)思路的話，沒辦法解釋鼠標(biāo)移動(dòng)到 矩形以內(nèi)內(nèi)切
web 作為web展現(xiàn)技術(shù)處于石器時(shí)代的我來說，這種效果有點(diǎn)神奇。
這是這組按鈕，首先他們是圓形的，第一反應(yīng)是一張矩形png圖片，圓形以外的部分透明。
把鼠標(biāo)移動(dòng)到圖片，鼠標(biāo)變成手型。但是如果是這種實(shí)現(xiàn)思路的話，沒辦法解釋鼠標(biāo)移動(dòng)到 矩形以內(nèi)內(nèi)切圓以外的部分，鼠標(biāo)不是手型！
用firebug看了一下代碼，沒有看到map area或者HTML5等標(biāo)簽。請(qǐng)教大家如何實(shí)現(xiàn)？
回復(fù)討論(解決方案)
CSS3屬性：border-radius（圓角）
我沒有163郵箱，126倒有，不過沒看到這些按鈕。
用png圖片以前很流行，現(xiàn)在svg也開始流行了，
你看看是不是svg圖片？
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
討論一下163郵箱的按鈕效果是如何實(shí)現(xiàn)的。_html/css_WEB-ITnose
討論一下163郵箱的按鈕效果是如何實(shí)現(xiàn)的。_html/css_WEB-ITnose:web 作為web展現(xiàn)技術(shù)處于石器時(shí)代的我來說，這種效果有點(diǎn)神奇。 這是這組按鈕，首先他們是圓形的，第一反應(yīng)是一張矩形png圖片，圓形以外的部分透明。 把鼠標(biāo)移動(dòng)到圖片，鼠標(biāo)變成手型。但是如果是這種實(shí)現(xiàn)思路的話，沒辦法解釋鼠標(biāo)移動(dòng)到 矩形以內(nèi)內(nèi)切
