Chào mừng đến với Diễn Đàn Tin Học VN! Hãy chia sẽ những gì bạn biết, và đưa ra thắc mắc của bạn để được giải đáp.
hiển thị "no-image" bằng css thay vì dùng ảnh
14/03/22, 11:43 pm
- Code:
.thumbnail{
position:relative;
width: 100%;
height: 200px;
background:#e6e6e6;
}
.thumbnail:before{
content:"No Image";
font-size:25px;
font-weight:bold;
color:#ccc;
position: absolute;
top:50%;
left:50%;
text-align:center;
transform:translate(-50%, -50%);
}
.thumbnail img{
position:relative;
width: 100%;
height: 100%;
object-fit: cover;
}
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|