<html>
<head>
<style>
.content::before {
content: ' ';
background-color: black;
border-radius: 50%;
width: 6px;
height: 6px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
/* left: 12px; */
margin-right: 12px;
display: inline-block;
}
.contentx::before {
content: ' ';
background-color: black;
border-radius: 50%;
width: 6px;
height: 6px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
/* left: 12px; */
margin-right: 12px;
display: inline-block;
}
.content::after {
content: ' ';
width: 2px;
height: 20px;
background-color: grey;
position: absolute;
left: 2px;
top: 50%;
z-index: -1;
}
</style>
</head>
<body>
<div style="position: relative;display: flex;width: 240px;" class="content">
<div style="width: 180px;margin-left: 60px;">xxxxxxxxxxxxxx</div>
</div>
<div style="position: relative;display: flex;width: 240px;" class="content">
<div style="width: 180px;margin-left: 60px;">xxxxxxxxxxxxxx</div>
</div>
<div style="position: relative;display: flex;width: 240px;" class="content">
<div style="width: 180px;margin-left: 60px;">xxxxxxxxxxxxxx</div>
</div>
<div style="position: relative;display: flex;width: 240px;" class="content">
<div style="width: 180px;margin-left: 60px;">xxxxxxxxxxxxxx</div>
</div>
<div style="position: relative;display: flex;width: 240px;" class="contentx">
<div style="width: 180px;margin-left: 60px;">xxxxxxxxxxxxxx</div>
</div>
</body>
<script>
</script>
</html>
步骤条__
最新推荐文章于 2024-09-21 23:59:03 发布