首页 >

css画哆啦爱梦 |css 气泡框

css样式类别,css中的asset,css 表达式 支持,css2赛季服装,css如何使文本自动换行,如何取消css里的样式,css 气泡框css画哆啦爱梦 |css 气泡框

首先,大家需要创建一个背景色为蓝色的容器,大家可以使用以下代码:

.container{
background-color: blue;
}

接下来,大家需要画出哆啦爱梦的头部,可以使用以下代码:

.head{
width: 200px;
height: 120px;
background-color: white;
border-radius: 100px 100px 0 0;
}

接着,大家需要添加哆啦爱梦的耳朵,可以使用以下代码:

.ear{
width: 60px;
height: 70px;
background-color: white;
border-radius: 50% 50% 0% 0%;
transform: rotate(40deg);
}

接下来,大家需要添加哆啦爱梦的眼睛,可以使用以下代码:

.eye{
width: 20px;
height: 25px;
background-color: black;
border-radius: 50%;
margin-left: 15px;
margin-top: 30px;
}

接着,大家需要为哆啦爱梦添加一只胡须,可以使用以下代码:

.whiskers{
width: 60px;
height: 2px;
background-color: black;
margin-top: 35px;
margin-left: 40px;
border-radius: 10px;
transform: rotate(20deg); 
}

然后,大家可以画出哆啦爱梦的身体,可以使用以下代码:

.body{
width: 130px;
height: 180px;
background-color: white;
margin-top: -40px;
border-radius: 40px 40px 0 0;
border: 2px solid blue;
}

最后,大家可以画出哆啦爱梦的小尾巴,可以使用以下代码:

.tail{
width: 30px;
height: 50px;
margin-left: 100px;
margin-top: -40px;
border: 2px solid blue;
border-radius: 50px 50px 0 0;
}

好了,大家的哆啦爱梦就画好了,现在你可以通过运用代码调整哆啦爱梦的大小颜色等,创造出更加立体、生动的效果。继续加油吧,前端小掌门!


css画哆啦爱梦 |css 气泡框
  • css斜 |css flex 文字居中
  • css斜 |css flex 文字居中 | css斜 |css flex 文字居中 ...

    css画哆啦爱梦 |css 气泡框
  • css vmin |html css3小项目
  • css vmin |html css3小项目 | css vmin |html css3小项目 ...

    css画哆啦爱梦 |css 气泡框
  • css中charset |css输入框设置颜色
  • css中charset |css输入框设置颜色 | css中charset |css输入框设置颜色 ...