CSS是一種常用的網頁樣式設計語言，它可以讓我們創建漂亮的網頁布局，其中之一的常用元素就是列表。你可能想著如何向左移動這些列表項。
補充一下，我們先來看看HTML中如何創建一個無序列表。
<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul>
當然，你也可以創建一個有序列表，將 <ul> 標簽替換成 <ol> 即可。
現在，我們回到主題，如何將列表項向左移動。
步驟如下：
1. 新建一個CSS樣式文件，并將它鏈接到HTML文檔中。如下所示：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
2. 在CSS文件中，為列表項設置 margin-left 屬性。如下所示：
li {
margin-left: -20px;
}其中，-20px 是要移動的像素數，你也可以根據需要自行調整。
3. 在瀏覽器中刷新網頁，你就可以看到列表項向左移動了。
這里還有一些額外的技巧：
1. 只向左移動特定的列表項
li:nth-child(2) {
margin-left: -20px;
}以上代碼只會將第二個列表項向左移動。
2. 向左移動有序列表的編號
ol {
list-style-position: inside;
margin-left: -20px;
}以上代碼將有序列表的編號也向左移動了。
好了，現在你已經掌握了如何將CSS列表項向左移動，快去試試吧！