⚠️ 注意事項

不正なHTMLを入力するとページ全体が崩れる恐れがあり、記載されたHTMLの中身に関しては、当社では一切の責任を負いかねます。

詳しくはHTMLフリー入力モジュールの禁止事項 をよく読み慎重にご利用ください。

テキストリンクのHTMLコード例

<a href="ページURL">【 ITEM CHECK 】</a>

• "ページURL"箇所に遷移させたいURLを記載してください

• 【 ITEM CHECK 】はボタン名となりますので、自由なテキストに変更可能です。

ボタン風リンクのHTMLコード例

<a href="ページURL" style="display: inline-block; 
background-color: #000000; 
color: #ffffff; 
padding: 6px 20px; 
border-radius: 5px;"
>ITEM CHECK</a>

• 『"ページURL"』箇所に遷移させたいURLを記載してください

• 『ITEM CHECK』はボタン名となりますので、自由なテキストに変更可能です。

• 『background-color』はボタンの背景カラーですので、『#000000』のようにカラーを指定することで変更可能です。

• 『color』はボタンテキストのカラーですので、『#ffffff』のようにカラーを指定することで変更可能です。

• 『padding』はボタンの周囲の幅を変更するものです。

• 『border-radius』はボタンの角を丸く変更するものです。

応用｜ボタンの配置を中央揃えにしたい場合

<div style="text-align: center;">
<a href="ページURL" style="display: inline-block;
 background-color: #000000;
  color: #ffffff; 
  padding: 6px 20px; 
  border-radius: 5px;">ITEM CHECK ▶︎</a>
</div>

• 『<div style="text-align: center;">』〜『</div>』で囲んでください。

参考

その他コードのカスタマイズ

• chat GPT/GeminiなどのAIチャットツールをご利用ください。

• AIへの質問例
  テキストリンク（テキストリンクでボタンの装飾をした）のHTMLを作成してください。
  ボタンの名前：詳細をみる
  テキストのカラー：黒（#0000000）

カラーコード

• こちらが参考が参考になります

WEB色見本 原色大辞典 - HTMLカラーコード