Notice: Undefined index: h1 in /var/www/html/web-dou.com/cache/compile/527355c1808f1b7b219f36e8cbd764f813309bf4.file.include_header.html.cache.php on line 41

Notice: Trying to get property of non-object in /var/www/html/web-dou.com/cache/compile/527355c1808f1b7b219f36e8cbd764f813309bf4.file.include_header.html.cache.php on line 41
WEB技術の辞書・解説・使用例

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

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


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

これは見本です。

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


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

色見本はこちら

余白周り

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

背景と文字

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

角丸

角丸:px

水平:px  垂直:px  ぼかし半径:px  距離:px  色:  inset: Notice: Undefined index: shadow6 in /var/www/html/web-dou.com/cache/compile/2b35be2603c4e6e512ae7a653915b1a603097aad.file.css_gen_div.html.cache.php on line 243

Notice: Trying to get property of non-object in /var/www/html/web-dou.com/cache/compile/2b35be2603c4e6e512ae7a653915b1a603097aad.file.css_gen_div.html.cache.php on line 243
/>

ボックス内の文章



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


▼生成結果のURLです。





Notice: Undefined index: fb_comment in /var/www/html/web-dou.com/cache/compile/a1341649ab0476c5000752eee00028a27c4b9601.file.include_right.html.cache.php on line 105

Notice: Trying to get property of non-object in /var/www/html/web-dou.com/cache/compile/a1341649ab0476c5000752eee00028a27c4b9601.file.include_right.html.cache.php on line 105

WEB便利ツール