番号無しリスト <ul>

ここでは、「 番号無しリスト <ul>」 に関する記事を紹介しています。
リスト要素 ul
ul は Unordered List(順序の無いリスト)の略。リストの各項目は li で記述します

※属性
  type;項目番号のタイプを指定
  disc:黒丸
  circle:白丸
  square:四角

◎HTMLソース

<ul>
<li>リスト要素 ul(順序の無いリスト)
<li>リストの各項目は li で記述
<li>デフォルトでは disc:黒丸 で表示
</ul>

<ul type="disc">
<li>リスト要素 ul(順序の無いリスト)
<li>type属性に「 type="disc"」を指定
</ul>

<ul type="circle">
<li>リスト要素 ul(順序の無いリスト)
<li>type属性に「 type="circle"」を指定
</ul>

<ul type="square">
<li>リスト要素 ul(順序の無いリスト)
<li>type属性に「 type="square"」を指定
</ul>

◎ブラウザ表示例
  • リスト要素 ul(順序の無いリスト)
  • リストの各項目は li で記述
  • デフォルトでは disc:黒丸 で表示
  • リスト要素 ul(順序の無いリスト)
  • type属性に「 type="disc"」を指定
  • リスト要素 ul(順序の無いリスト)
  • type属性に「 type="circle"」を指定
  • リスト要素 ul(順序の無いリスト)
  • type属性に「 type="square"」を指定

リストマークに画像を使用する

  • リストマークに画像を使用する
  • スタイルシートは下記参照
<style type="text/css">
<!--
ul {
list-style:none;
padding: 0px;
margin: 0px;
}
ul li {
padding:0px 2px 0px 12px;
margin: 5px 0px 5px 0px;
background:url(../image.gif) no-repeat top left;
}
-->
</style>
この記事へのコメント
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
この記事のトラックバックURL
この記事へのトラックバック
■リスト要素 dldl は Definition List(定義リスト)の略です。<dl>〜</dl> の間に、<dt>で定義する用語を、<dd>で用語の説明を行います◎HTMLソース<dl><dt>リス
2006/05/18(木) | 無料ブログ テンプレート カスタマイズ
■リスト要素 ulul は Unordered List(順序の無いリスト)の略。リストの各項目は li で記述します※属性  type;項目番号のタイプを指定  disc:黒丸  circle:白丸  square:
2006/05/18(木) | 無料ブログ テンプレート カスタマイズ
■リスト要素 olol は Ordered List(順序のあるリスト)の略。リストの各項目は li で記述します※属性  start;項目番号の開始番号を指定  type;項目番号のタイプを指定   
2006/05/18(木) | 無料ブログ テンプレート カスタマイズ