你好，这个可以用无须列表和表格进行排列
但是样式这样有一些不美观
我给你写一个源码你放在html后缀的文件中直接点击运行就能看见了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.{
padding: 0;
margin: 0;
}
li{
list-style: none;
border-bottom: 1px solid black;
}
ul{
width: 120px;
border: 1px solid black;
border-radius: 10px;
background: yellowgreen;
}
table{
background: cyan;
}
ul,table{
display: inline-block;
}
</style>
</head>
<body>
无须列表
<ul>
<li>一段文字</li>
<li>一段文字</li>
<li>一段文字</li>
<li>一段文字</li>
<li>一段文字</li>
</ul>
表格
<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td>一段文字</td>
</tr>
<tr>
<td>一段文字</td>
</tr>
<tr>
<td>一段文字</td>
</tr>
<tr>
<td>一段文字</td>
</tr>
<tr>
<td>一段文字</td>
</tr>
</table>
</body>
</html>
还有一点是你可能是想知道怎么打开css文件进行编辑吗
你可以用专门的编辑软件，这里强烈不建议使用记事本
想要用css选中表格你只要选择table{}即可，或者加上其他的id或者class
hb还行，有帮助别忘记采纳哈。
博思aippt
2024-07-20 广告
border-collapse:collapse;
border:solid 1px #ccc;
}
table tr td{
width: 25%;
padding:15px;
border:solid 1px #ccc;
}
