問題 背景の図（壁紙）

作成しているHTMLと同じ位置にimgフォルダがあり、背景用画像ファイルのback1.gifがその中にあります。 背景と図を指定するスタイルは、下記のようにbodyのbackground-image:で、urlの括弧内に 指定するのですが、相対パスが合わないので正しく直しましょう。なお、背景用画像の配置方法は、 下記HTMLの説明を参考に試してください。 また、全体の文字スタイルはitalicにして、リスト記号はsquareを使うように変更してください。

箇条書き（リスト）のプロパテイ

順序なしのリスト項目を指定するulの、 list-style-typeプロパティは、 none; disc; decimal; circle; square; の設定値があります。以下でに例を示します。左のように見えるソースが右に書いてあります。

  • 項目１
  • 項目２
 
<ul style="list-style-type: disc;">
<li>項目１</li>
<li>項目２</li>
</ul>
  • 項目１
  • 項目２
 
<ul style="list-style-type: decimal;">
<li>項目１</li>
<li>項目２</li>
</ul>
  • 項目１
  • 項目２
 
<ul style="list-style-type: circle;">
<li>項目１</li>
<li>項目２</li>
</ul>
  • 項目１
  • 項目２
 
<ul style="list-style-type: square;">
<li>項目１</li>
<li>項目２</li>
</ul>

list-style-typeプロパティにdecimal;を指定すると 順序ありのリスト項目を指定するolと見た目が同じになります。 これは、olにおける list-style-typeプロパティのデフォルト値です。 他にlower-roman; upper-roman; lower-alpha; upper-alpha; の設定値があります。下記に例を示します。左のように見えるソースが右に書いてあります。

  1. 項目１
  2. 項目２
 
<ol>
<li>項目１</li>
<li>項目２</li>
</ol>
  1. 項目１
  2. 項目２
 
<ol style="list-style-type: lower-roman;">
<li>項目１</li>
<li>項目２</li>
</ol>
  1. 項目１
  2. 項目２
 
<ol style="list-style-type: upper-roman;">
<li>項目１</li>
<li>項目２</li>
</ol>
  1. 項目１
  2. 項目２
 
<ol style="list-style-type: lower-alpha;">
<li>項目１</li>
<li>項目２</li>
</ol>
  1. 項目１
  2. 項目２
 
<ol style="list-style-type: upper-alpha;">
<li>項目１</li>
<li>項目２</li>
</ol>