WEB技術の辞書・解説・使用例

TOP > WEB便利ツール >  リスト(UL、LI)タグ
このエントリーをはてなブックマークに追加

CSSのリストジェネレーター

UL、LI のスタイルの動きを確認する事ができます。

サンプル1  サンプル2 


▼生成したリスト(UL、LI)です。



▼以下を設定して下さい。

UL

list-style-type : オフセット:px 
背景色:  文字サイズ:pt  文字色: 


ボーダー    枠太:px  枠種:   枠色:

余白周り  margin(上下左右):px  padding(上下左右):px
背景色:  文字サイズ:pt  文字色: 

角丸

角丸:px

  水平:px  垂直:px  ぼかし半径:px  距離:px  色:  inset:

LI

ボーダー    枠太:px  枠種:   枠色:
背景色:  文字サイズ:pt  文字色:  横位置:   余白周り  margin(上下左右):px  padding(上下左右):px

▼生成したCSSのソースです。


▼生成結果のURLです。





WEB便利ツール