css圆形内文字 |弹窗红包 css

.circle {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: #ff9900;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 20px;
}

上面的代码中，大家定义了一个名为.circle的类，通过设置宽高和border-radius属性，将其定义为圆形。然后，大家通过background-color属性定义背景颜色为橙色。接下来，大家通过display:flex和align-items,justify-content属性，将其水平和垂直居中，并将字体颜色设置为白色。最后，大家设置字体大小为20px，即可实现自己想要的圆形内文字效果。

总结起来，实现CSS圆形内文字的方法就是通过设置圆形的大小、背景颜色，并使用flex将文字居中，最后设置合适的字体大小，即可轻松实现圆形内文字效果。