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

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

CSSのブロック要素のジェネレーター

▼生成したスタイルです。

これは見本です。

このツールで生成した見本 : 見本1  見本2  見本3  見本4  見本5 

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

色見本はこちら

余白周り

margin(上下左右):px  padding(上下左右):px

背景と文字

背景色:  文字サイズ:pt  文字色: 
  枠太:px  枠種:   枠色:

角丸

角丸:px

影

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

ボックス内の文章

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

▼生成結果のURLです。

WEB便利ツール