<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Document</title>
<style>
*{
padding: 0; margin: 0;
}
html{
font-size: 50px;
}
/* 公共标题 */
.common-title {
width: 7.5rem;
height: 0.9rem;
background-color:
text-align: center;
line-height: 0.4rem;
}
.common-title .bg {
color:
height: 0.5rem;
line-height: 0.5rem;
font-size: 0.36rem;
font-weight: 500;
}
.common-title .name {
color:
/* height: 0.4rem;
line-height: 0.4rem; */
font-size: 0.3rem;
z-index: 1;
position: relative;
}
.common-title .circle {
position: absolute;
top: 0;
right: 3px;
width: 12px;
height: 12px;
display: inline-block;
background:
border-radius: 50%;
z-index: -1;
}
</style>
</head>
<body>
<div class="common-title">
<div class="bg">About Us</div>
<span class="name">关于我们<i class="circle"></i></span>
</div>
</body>
</html>
