马上就要元宵节了，这里给大家用css端上一碗汤圆

「更多福利资讯查看：2024 首次大厂挑战」。
`

`

.bowl_wrap{ width: 200px; height: 220px; margin: 100px auto; position: relative; }

先画一个碗，这个碗呢我是分 3 个部分组合起来的，在一个圆的上半部分放一个椭圆，下面放一个 div，都是通过 border-radius 进行形状的改变

.bowl_rim{ position: absolute; top: 0px; width: 200px; height: 135px; background-color: rgb(247, 242, 235); border: 2px solid black; border-radius: 50% / 50%; overflow: hidden; } .bowl_bottom{ 服务器托管网 position: absolute; top: 196px; left: 65px; width: 70px; height: 15px; background-color: rgb(247, 242, 235); border-radius: 0% 0% 80% 80%; border: 2px solid black; border-top: 0px solid black; } .bowl_body_wrap{ position: absolute; width: 200px; height: 200px; background-color: rgb(247, 242, 235); border: 2px solid black; border-radius: 67% 68% 61% 62% / 48% 45% 86% 88% ; } .text{ margin-left: 60px; margin-top: 160px; color: w; }
然后我们就开始制作汤圆，把它放进碗里（bowl_rim），超出的地方隐藏起来，汤圆的表情与很多，可以把每一个汤圆的表情都改变，我这个偷了个懒，都用的同一个

汤圆的背景颜色可以根据自己的喜好更改，这里是黄色的（大黄豆皮～）

这个嘴巴就是用两个椭圆 div 旋转后，隐藏上半部分得到的

`.one, .two, .three, .four{
position: absolute;
top:45px;
left: 0px;
width: 95px;
height: 80px;
border: 2px solid black;
background-color: #fff;
border-radius: 67% 68% 52% 56% / 67% 79% 55% 57% ;
}
.two{
background-color: yellow;
top: 0px;
left: 60px;
z-index: 10s;
}
.left_eye, .right_eye{
position: absolute;
top: 20px;
left: 20px;
width: 16px ;
height: 3px;
background-color: black;
}
.right_eye{
left: 60px;
}
.left_bl服务器托管网usher, .right_blusher{
width: 20px ;
height: 15px;
background-color: pink;
border-radius: 50% / 50%;
position: absolute;
top: 30px;
left: 5px;
}
.right_blusher{
left: 68px;
}
.blu1, .blu2{
width: 2px;
height: 8px;
background-color: #fff;
position: absolute;
left: 6px;
top: 4px;
transform: rotate(20deg);
}
.blu2{
left: 12px;
}

    .mouth{
        position: absolute;
        top: 20px;
        left: 38px;
        width: 20px;
        height: 20px;
        overflow: hidden;
    }
    .mouth .circle1, .mouth .circle2{
        margin-top: -10px;
        width: 6px;
        height: 16px;
        border-radius: 50% / 50%;
        border: 2px solid black;
        transform: rotate(10deg);
    }
    .mouth .circle2{
        margin-left: 8px;
        margin-top: -20px;
        transform: rotate(-10deg);
    }`

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net

相关推荐: 嵌入式单片机方向和Linux驱动开发方向哪个发展前景好？

嵌入式单片机方向和Linux驱动开发方向哪个发展前景好？ 在某些平台上看到很多人鼓吹嵌入式Linu服务器托管网x开发比单片机开发要好，让所有人都去做嵌入式Linux开发。说这种话的人大多数是嵌入式Linux的培训机构，或者是一开始就以嵌入式Linux入门的那一…