css3小飞机图片 |css3单选框选择颜色怎么改

/* 创建一个飞机的div */
div {
width: 60px;
height: 20px;
position: relative;
}
/* 创建机身 */
div::before {
content: '';
width: 40px;
height: 20px;
background-color: #f0f0f0;
border-radius: 10px 0 0 10px;
}
/* 创建机翼 */
div::after {
content: '';
width: 0;
height: 0;
border-width: 10px 10px 10px 0;
border-style: solid;
border-color: transparent #f0f0f0 transparent transparent;
position: absolute;
right: 0;
top: 0;
}
/* 创建尾翼 */
div p {
position: absolute;
width: 0;
height: 0;
border-width: 10px 0 10px 20px;
border-style: solid;
border-color: transparent transparent transparent #f0f0f0;
top: -10px;
right: -8px;
transform: rotate(45deg);
}

上面的代码中，大家首先创建了一个div元素，并为其设置了一些属性，如宽度、高度以及相对位置。接下来，大家使用伪元素before和after来创建机身和机翼，并为其设置一些属性，如背景颜色、边框半径等。

最后，在div中再创建一个p元素，用于创建尾翼，并为其设置一些属性，如边框宽度和样式、位置、旋转角度等。经过这样的处理，大家就可以成功创建一个小飞机图片啦！