hmt5初学小技巧
图片替换技术:
1.利用行高
.hanggao{
width: 154px;
height: 30px;
background-image: url(../img/logo_db.png);
overflow: hidden;
}
.hanggao a{
display: block;
/*background: red;*/
line-height: 200px;
}
2.利用首行缩进
.shuojin2{
width: 154px;
height: 30px;
background-image: url(../img/logo_db.png);
text-indent: -1000px;
}
.shuojin a{
display: block;
}
3.利用定位
.dingwei{
width: 154px;
height: 30px;
font-size: 12px;
color: transparent;
text-decoration: none;
position: relative;
}
.dingwei span{
width: 154px;
height: 30px;
background-image: url(../img/logo_db.png);
position: absolute;
top: 0;
left: 0;
}
<a href="#" class="dingwei 3A">
<span></span>
dingweijishu
</h1>
</a>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步