WEBの便利ツール CSS 吹き出し ジェネレーター

このエントリーをはてなブックマークに追加

見出し生成ツール

▼生成した吹き出し

あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ

見出しサンプル

あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ

あいうえおかきくけこ

あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ

生成したソースを表示 生成結果のURL

CSSコード

.sample2 {
  color: #ffffff ;
  background: #000000;
  font-size: 16pt ;
  line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
	box-shadow:1px 3px 7px 0px #666666 ;
	border-bottom:3px solid #ff6347;
	border-radius: 5px ;
}

HTMLコード

<h3 class="sample2">
あいうえおかきくけこ
</h3>

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

サンプル サンプル サンプル サンプル サンプル サンプル

見出しの種類

ボックス関係

文字関係