css圆形中间放文字

在网页设计中，如何制作一个圆形，并且在中心位置放置文字呢？这需要使用CSS技巧来完成。接下来我们将详细介绍如何实现这一效果。

/*首先设置圆形的样式*/.circle {height: 100px;width: 100px;border-radius: 50%; /*使用border-radius设置圆形*/background-color: #f0f; /*设置背景颜色，可以根据需要修改*/}/*接下来设置文字样式*/.circle p {text-align: center; /*让文字居中*/margin-top: 40px; /*调整文字上下位置，可以根据需要修改*/color: #fff; /*设置文字颜色*/}

将