我想知道信息那一栏怎么实现的 - css吧

level 1

珧珧的小屋楼主

我想知道信息那一栏怎么实现的

2018年04月01日 05点04分 1

level 11

贴吧用户_75AWDPM

一个div包着多个p

2018年04月01日 09点04分 2

level 2

sky心依旧

看代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>test</title>
<style>
.info{
width: 300px;
}
.info .title {
padding: 0 6px;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #fff;
background-color: #29e;
}
.content ul {
margin-left: 10px;
padding: 0 6px 0 10px;
border-left: 4px solid #337C63;
list-style: none;
}
.content ul li {
padding: 4px;
border-bottom: 1px solid #ccc;
font-size: 14px;
color: #333;
}
</style>
</head>
<body>
<div class="box"></div>
<div class="info">
<div class="title">个人信息</div>
<div class="content">
<ul>
<li><strong>姓名：</strong>你的姓名</li>
<li><strong>性别：</strong>你的性别</li>
<li><strong>出生年月：</strong>你的出生日期</li>
<li><strong>籍贯：</strong>你的籍贯</li>
</ul>
</div>
</div>
</body>
</html>

2018年04月03日 02点04分 3