HTML是網頁開發中最重要的語言之一，其中ul標簽是用來創建無序列表的。但是，你可能會遇到一些問題——如何設置無序列表的棱角呢？下面通過使用CSS中的list-style-type來解決該問題。
首先，在HTML文件中創建一個ul列表。例如：
<ul> <li>第一條</li> <li>第二條</li> <li>第三條</li> </ul>接著，在CSS文件中使用list-style-type屬性來設置列表的樣式。例如：
ul {
list-style-type: none;
padding: 0;
}
li {
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 5px;
padding: 10px;
}以上代碼的ul樣式將列表的默認樣式去除并將內邊距設置為0。而li樣式則為每個列表項設置了背景色、邊框、圓角和上下間距。其中對圓角進行設置的屬性是border-radius。可以自由調整圓角的大小以實現所需的效果。
最后，可以將以上樣式代碼添加到HTML文件的標簽中。例如：<html>
<head>
<style>
ul {
list-style-type: none;
padding: 0;
}
li {
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 5px;
padding: 10px;
}
</style>
</head>
<body>
<ul>
<li>第一條</li>
<li>第二條</li>
<li>第三條</li>
</ul>
</body>
</html>通過以上設置，我們就可以創建出帶有圓角的無序列表了！上一篇c 樹形 轉json