<style type="text/css"><!--
ul {list-style:square outside;}
--></style>
<ul>
<li>オリーブオイル</li>
<li>にんにく</li>
<li>とうがらし</li>
</ul>
<style type="text/css"><!--
ol {list-style:lower-roman outside;}
--></style>
<ol>
<li>魚介類</li>
<li>白ワイン</li>
<li>バジル</li>
</ol>
<style type="text/css"><!--
ol {list-style:lower-alpha outside;}
--></style>
<ol>
<li>ホールトマト</li>
<li>塩</li>
<li>パルメザンチーズ</li>
</ol>
<style type="text/css"><!--
ul {list-style:url(img/bullet.gif) outside;}
--></style>
<ul>
<li>バジルの葉</li>
<li>パスタ</li>
<li>ミネストローネ</li>
</ul>
*1 すべてのブラウザにおいて、HTMLの番号つきリスト
ol要素に画像は適用されません(ul dir menu li要素には適用されます)。