css当当图书榜网页 |css3 fill

/* 网站标题样式 */
h1 {
font-size: 3rem;
color: #FF6060;
text-align: center;
margin-top: 1rem;
}
/* 图书列表样式 */
ul.books-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
li.book-item {
display: flex;
flex-direction: column;
align-items: center;
width: 20%;
border-radius: 0.5rem;
margin-bottom: 1rem;
padding: 0.5rem;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
/* 图书封面样式 */
.book-cover {
width: 100%;
height: 10rem;
background-position: center;
background-size: cover;
border-radius: 0.5rem;
margin-bottom: 0.5rem;
}
/* 图书标题样式 */
.book-title {
font-size: 1.2rem;
text-align: center;
color: #333;
margin-bottom: 0.5rem;
}
/* 图书价格样式 */
.book-price {
font-size: 1rem;
text-align: center;
color: #FF6060;
}

这些CSS代码能够使得当当图书榜看起来更好看，更专业。其中当然还有许多其他的CSS代码可以使用，用户可以根据自己的需求自由发挥。