かんたん!HTML装飾文字・ボタン風リンクテキストを簡単作成|
ブログやホームページにコピペOK!

見出しや強調テキスト、ボタン風リンクなど、装飾付きHTML文字列を簡単に作れる無料ツールです。
リンク付きテキストはもちろん、リンクなしの見出し風デザインにも対応。
色やサイズ、背景色、太字、下線、ボーダーなどを自由に設定し、リアルタイムでHTMLタグ付きプレビューを確認できます。
WordPressやアメブロ、HTML形式のメルマガ、ホームページ作成にもそのまま使えるコードをコピペ1つで利用可能です。
1. 表示したい文字を入力
→ 見出しやリンクなど、装飾したい文字列を入力します。

2. リンク先のURLを入力(省略可・任意)
→ 空欄のままでもOK。入力すればリンク付きになります(https:// は自動補完されます)。

3. デザイン・スタイルを選ぶ
→ 文字サイズ、色、背景、太字、下線、ボタン風など、自由にカスタマイズ可能。

4. HTMLコードをコピー
→ 下に表示されている自動生成されたコードを「コードを選択する」ボタンを押してコピーし、ブログやHTMLファイルに貼り付けてください。
文字色
背景色
枠の色 ※枠の色を指定しても、枠の太さが「なし」だと表示されません。枠の太さを1px以上に設定してください。
→枠の太さを3px以上に設定してください。
※外側の余白です。他の要素との間隔を調整できます。
→「高さ」は装飾の上級設定です。初心者の方は無理に変更せず「選択なし」のままで大丈夫です。
→ボタン風を選ぶと見た目がボタンになります。背景色・文字色・余白を必ず設定してください(例:文字色は白 #FFFFFF)
→表示がおかしくなったと感じる場合は、スクロール「しない」を選択してください。
生成されたHTMLタグ
リアルタイムプレビュー
コピーするにはWindowsでは Ctrl+C(Macは⌘+C)を押してください