您所在的位置:首页 - 科普 - 正文科普
编程猫编程代码可以复制吗
煜琳 05-04 【科普】 181人已围观
摘要**标题:使用代码编程大全制作可复制的鲸鱼图案**---```htmlCodeProgramming:ReproducibleWhaleDrawing/*CSS样式*/body{background-
使用代码编程大全制作可复制的鲸鱼图案
```html
/* CSS样式 */
body {
backgroundcolor: f0f0f0;
display: flex;
justifycontent: center;
alignitems: center;
height: 100vh;
margin: 0;
}
.whale {
width: 200px;
height: 100px;
position: relative;
}
.whale .body {
backgroundcolor: 4f92a4;
borderradius: 100px;
width: 200px;
height: 100px;
}
.whale .eye {
backgroundcolor: fff;
borderradius: 50%;
width: 30px;
height: 30px;
position: absolute;
top: 30px;
left: 140px;
border: 2px solid 000;
}
.whale .eye::after {
content: '';
backgroundcolor: 000;
borderradius: 50%;
width: 15px;
height: 15px;
position: absolute;
top: 7px;
left: 7px;
}
.whale .water {
backgroundcolor: 90d0dc;
width: 220px;
height: 50px;
borderradius: 0 0 100px 100px;
position: absolute;
top: 100px;
left: 10px;
}