CSS 效果圆形里一个文字居中

编程入门行业动态更新时间:2024-10-27 06:20:27

CSS 效果 <a href=https://www.elefans.com/category/jswz/34/1769013.html style= 圆形里一个文字居中"/>

CSS 效果圆形里一个文字居中

效果实现源码：

宽度，高度必须确认，且相等

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.circlew {width: 45px;height: 45px;border-radius: 50%; /* 将容器设置为圆形 */background-color: #ff9900;display: flex;justify-content: center; /* 居中显示 */align-items: center; /* 居中显示 */}.txt {color: #ffffff;font-size: 26rpx;}</style>
</head>
<body>
<div class="circlew"><span class="txt">租</span></div>
</body>
</html>

效果

更多推荐

CSS 效果圆形里一个文字居中

本文发布于:2023-12-06 22:27:50，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1669156.html