HTMLコードだけでリンクボタンを表示させる簡単な方法

影山明生

2023年01月25日 08:49

HTMLコードだけで簡単にリンクボタンを作成したくなり、様々なウェブサイトで調べてみました。
こちらのブログにもメール問合せボタンを設置できましたので、その時のコードをメモしておきます。




下のボタン例では、Google検索にリンクします。

[▼表示例]
≫Google検索

[▼HTMLソースコード]

<a href="https://www.google.com/" style="background-color:#1d9bf0;color: white;text-decoration: none;font-size:1em;padding-top: 5px;padding-bottom: 5px;padding-right: 10px;padding-left: 10px;border-radius: 5px;">≫Google検索</a>

いろいろなことに応用できそうですね

関連記事