css制作熊 |css怎么设置下拉框文本居中

/* 以下是CSS代码 */
.bear {
width: 200px;
height: 150px;
background-color: #f2b06e;
border-radius: 50% / 30%;
position: relative;
}
.bear::before {
content: '';
position: absolute;
top: -30px;
left: 60px;
width: 80px;
height: 80px;
background-color: #f2b06e;
border-radius: 50%;
transform: rotate(45deg);
}
.bear::after {
content: '';
position: absolute;
top: 0;
left: 50px;
width: 100px;
height: 40px;
background-color: #f2b06e;
border-top-left-radius: 100px 60px;
border-top-right-radius: 100px 60px;
}
.bear .eyes {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 60px;
left: 60px;
}
.bear .eyes::before {
content: '';
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #000;
position: absolute;
top: 5px;
left: 5px;
}
.bear .ears {
width: 50px;
height: 70px;
background-color: #f2b06e;
border-radius: 0 0 30px 30px;
position: absolute;
top: -20px;
left: 10px;
transform: rotate(-20deg);
}
.bear .ears::before {
content: '';
width: 20px;
height: 20px;
background-color: #f2b06e;
border-radius: 50%;
position: absolute;
top: -15px;
left: 10px;
}
.bear .ears::after {
content: '';
width: 20px;
height: 20px;
background-color: #f2b06e;
border-radius: 50%;
position: absolute;
top: -15px;
left: 20px;
}

偶给小熊设置了圆形身体，利用了CSS的伪元素::before和::after制作出小熊的手臂和鼻子。眼睛也是使用伪元素，其中::before表示瞳孔的黑色圆圈。耳朵同样使用了伪元素，制作出耳毛和耳朵本身。最后，调整了一些位置和角度，一只可爱的小熊就制作完成啦！