以下是一个手绘动物插画的样例代码:
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
.illustration {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
}
.illustration-item {
flex-basis: 300px;
text-align: center;
}
.illustration-item img {
max-width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.illustration-item h3 {
margin-top: 20px;
font-size: 24px;
font-weight: 600;
color: #333;
}
.illustration-item p {
margin-top: 10px;
font-size: 16px;
color: #666;
}
@media (max-width: 768px) {
.illustration-item {
flex-basis: 100%;
}
}
A hand-drawn illustration of a graceful giraffe.
A majestic hand-drawn lion illustration.
A playful hand-drawn elephant illustration.
这个代码创建了一个简单的页面,展示了三个手绘动物插画。每个插画都包含一张图片和相关的标题及描述。CSS 样式确保了页面的响应式设计,在小屏幕设备上也能很好地展示。您可以根据自己的需求调整图片、标题和描述,创造出自己独特的手绘动物插画作品。
查看详情
查看详情