![在這裏插入圖片描述]()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>數字列表：</h1>
<ol>
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>橘子</li>
</ol>
<h1>字母列表：</h1>
<ol style="list-style-type:upper-alpha;">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>橘子</li>
</ol>
<h1>小寫字母列表：</h1>
<ol style=" list-style-type: lower-alpha;">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>橘子</li>
</ol>
<h1>羅馬字母列表：</h1>
<ol style="list-style-type:upper-roman">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>橘子</li>
</ol>
<h1>小寫羅馬字母列表：</h1>
<ol style="list-style-type:lower-roman">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>橘子</li>
</ol>
</body>
</html>
