方法一:设置失败图片
.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
基础教程推荐
猜你喜欢
- electron-vue构建项目 2023-10-08
- 纯CSS实现酷黑风格三级下拉菜单效果代码 2023-12-20
- 基于Html+CSS+JS实现手动放烟花效果 2023-12-13
- js constructor的实际作用分析 2023-11-30
- Ajax + PHP session制作购物车 2023-02-13
- el-table根据不同类型设置不同td颜色方法 2025-01-13
- 利用css设置元素垂直居中的解决方法汇总 2024-03-09
- AngularJs Using $location详解及示例代码 2023-12-28
- vue-配置路由规则和显示路由 2023-10-08
- 简易日历(innerHTML) 2023-10-26
