HTMLリストのテキストをフォーマットする方法

HTMLリストはCSSで非常にカスタマイズ可能です。 Webサイトのメニューの多くは、慎重にフォーマットされたHTMLリストによって強化されています。 あなたがFacebookのソースコードを読み飛ばす気があるなら、あなたはそれらがナビゲーションをスタイルするために順不同のHTMLリストを使うのを見ることさえできます。 リスト内のテキストのスタイルを設定する要素は2つあります。ベースリストタグ（ "

"）とリストアイテムタグ（"
• また、クラスまたはスタイルを使用して単一または一連のHTMLリストを指定することもできます。テキストの書式設定は、そこでは任意のレベルで処理できます。

  1。

  希望のプレーンテキストエディタで、カスケードスタイルシートファイル（.cssファイル拡張子を使用）を開きます。 "ul"（または番号付きリストをフォーマットしている場合は "ol"）またはリストタグのIDを指定します。 例えば、フォーマットしているなら、 "

  「あなたは次のことから始めます。

  ul {}

  2。

  番号なしリストの他のフォーマットと共にテキストフォーマットを追加します。 たとえば、番号なしリストのすべてのテキストを12ptと青にする場合は、次のようになります。

  ul {フォントサイズ：12pt; カラー：＃8CCCC8。 }

  3。

  list-style-type、つまり各リスト項目の先頭にある画像または記号を変更します。 W3Schools.comでは、リストスタイルに12種類以上の異なる種類を指定しています。 リストの先頭に何もしたくない場合は、 "list-style：none;"を使用できます。

  ul {フォントサイズ：12pt; カラー：＃8CCCC8。 リストスタイル：なし。 }

  4。

  スタイルシートと文書を保存してから、ブラウザでリスト項目をテストします。

  ヒント

  • リストを水平方向のナビゲーション要素として使用する場合は、次のものを使用できます。
  • "display：inline"と "float：left;"です。

  警告

  • HTMLファイルおよびCSSファイルを編集するには、メモ帳、メモ帳++、TextWranglerなどのプレーンテキストエディタのみを使用してください。