by はてなブログMedia

トップ > ボタン > ボタン(枠線)

ボタン(枠線)

ボタン 枠線 角丸なし

概要

シンプルな枠線ボタンです。

デモ

ボタンテキスト

html・css

See the Pen ボタン(枠線) by hbm-design (@hbm-design) on CodePen.

hatenablog-design

関連記事
ご注意
  • 本サンプルページは、コーディングの知識をお持ちの方を対象としています。
    技術的なサポートや、具体的なコーディング方法はご案内しておりません。
  • 記述内容によっては、ブログが正しく表示されない等の表示不具合を引き起こす可能性があります。
  • 将来のはてなブログの仕様変更によって、記述した内容が予告なく正常に動作しなくなることがあります。
  • 本保管庫への記載内容をベースとした細かな個別デザイン修正についてはてなにての対応をご希望の場合は、基本的に有償でのご対応となります。営業担当もしくは問い合わせフォームよりお問い合わせください。
  • ご利用中のブログのカスタマイズ状態によっては、サンプル画像の通りに再現されない場合があります。
    • 他の要素ですでに同じ名前のクラスを使用していないか(class="xxxx" 部分)をご確認いただき、
      使用されている場合は本ページより追加いただく要素のクラス名を変更してください。
    • ブログのレイアウト崩れを防ぐため、今まで使われていた要素に付与されているクラス名の変更は行わないようお願いします。
    • HTML側のクラス名を変更した際は、CSS側のクラス（.xxxx 部分）も同じように変更してください。