方法一:设置失败图片
.error-image {
background-image: url('images/error-image.jpg');
background-size: cover;
width: 240px;
height: 180px;
}
方法二:设置失败文字
.error-text {
position: relative;
width: 240px;
height: 180px;
}
.error-text::before {
content: '图片加载失败';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
以上是编程学习网小编为您介绍的“img图片不存在如何利用css设置error”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:img图片不存在如何利用css设置error


基础教程推荐
猜你喜欢
- 微信小程序实战之自定义模态弹窗(8) 2023-12-21
- php – 将MySQL查询的结果动态显示到HTML页面中 2023-10-26
- 全面解析Ajax综合应用(全) 2023-01-20
- AJAX浅析数据交换的实现 2023-02-23
- 使用css创建一个优惠券的方法 2024-01-24
- vue-promise的all方法使用 2023-10-08
- macos – Dockerized nginx不提供HTML页面 2023-10-27
- 使用css实现全兼容tooltip提示框 2023-12-12
- AngularJS tab栏实现和mvc小案例实例详解 2023-02-01
- JSP和Struts解决用户退出问题 2024-01-07