font:0/0 a与按钮文字隐藏实例页面

回到相关文章 »

代码:

CSS代码:
.btn {
    display: inline-block;
    width: 52px; height: 25px;
    border: 0;
    background: #f0f0f0 url(/study/image/flash_copy_btn.png);
    font: 0/0 a;
    overflow: hidden;    /* 抹掉a标签按钮最上面的小点 */
}
                
HTML代码:
<p>
    <strong>a标签按钮</strong><br />
    <a href="##" class="btn">我是文字</a>
</p>                    
<p>
    <strong>本身按钮</strong><br />
    <input type="button" class="btn" value="我是文字" />
</p>
                

效果:

a标签按钮
我是文字

本身按钮