.mickey { width: 100px; height: 100px; background-color: red; border-radius: 50%; position: relative; } .mickey:before, .mickey:after { content: ""; background-color: black; height: 25px; width: 25px; border-radius: 50%; position: absolute; top: 10px; left: 10px; } .mickey:before { transform: translate(30px, 0); } .mickey:after { transform: translate(60px, 0); }
这段CSS代码用来创建一个看起来像米奇的图像。它使用了CSS的基本属性,如宽度,高度,背景色和边框半径。但最重要的是,它使用了伪类(:before和:after)来添加Mickey的耳朵。
这个小小的例子展示了CSS的强大功能和无限可能性。通过不断尝试和实践,您可以创建出令人惊叹的网页设计和动画效果。