生成一个文房四宝的CSS代码
时间: 2024-05-07 19:20:07 浏览: 6
以下是一个简单的文房四宝的CSS代码,可以根据需要进行修改和美化:
```css
/* 纸张 */
.paper {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
width: 300px;
height: 400px;
padding: 20px;
margin: 20px;
}
/* 毛笔 */
.brush {
background-color: #000;
border-radius: 50%;
width: 20px;
height: 80px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
/* 墨水 */
.ink {
background-color: #000;
opacity: 0.5;
width: 50px;
height: 50px;
position: absolute;
top: 80px;
left: 50%;
transform: translateX(-50%);
}
/* 砚台 */
.ink-stone {
background-color: #333;
border: 1px solid #ccc;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
width: 120px;
height: 80px;
position: absolute;
top: 130px;
left: 50%;
transform: translateX(-50%);
}
/* 水 */
.water {
background-color: #fff;
opacity: 0.5;
width: 100px;
height: 50px;
position: absolute;
top: 210px;
left: 50%;
transform: translateX(-50%);
}
```
这段代码实现了一个基本的文房四宝的效果,包括纸张、毛笔、墨水、砚台和水。你可以根据自己的需要对其进行修改和美化。