<!DOCTYPE html>
<html>
<head>
<title>W3.CSS(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
<link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
</head>
<body>
<div class="w3-container">
<h2>带有填充的列表</h2>
<p>小的填充:</p>
<p>w3-padding 类可用于将填充内容添加到列表项: </p>
<ul class="w3-ul w3-border" style="width:50%">
<li class="w3-padding-small">吉尔</li>
<li class="w3-padding-small">夏娃</li>
<li class="w3-padding-small">亚当</li>
</ul>
<p>默认值:</p>
<ul class="w3-ul w3-border" style="width:50%">
<li>吉尔</li>
<li>夏娃</li>
<li>亚当</li>
</ul>
<p>大的填充:</p>
<ul class="w3-ul w3-border" style="width:50%">
<li class="w3-padding-large">吉尔</li>
<li class="w3-padding-large">夏娃</li>
<li class="w3-padding-large">亚当</li>
</ul>
</div>
</body>