<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>当图片不能加载时显示文字</title>
<style>
/* 第一种方法 */
a{
display: inline-block;
width: 270px;
height: 129px;
border: 1px solid #f60;
color: #f60;
background-image: url(https://www.baidu.com/img/bd_logo1.png);
background-size: 270px 129px;
text-indent: 270px;
white-space: nowrap;
overflow: hidden;
}
/* 第二种方法 */
a{
display: inline-block;
width: 270px;
height: 0;
padding-top: 129px;
border: 1px solid #f60;
color: #f60;
background-image: url(https://www.baidu.com/img/bd_logo1.png);
background-size: 270px 129px;
overflow: hidden;
}
</style>
</head>
<body>
<a href="https://www.baidu.com">百度</a>
</body>
</html>