a要素はボタンだけ、でもクリック可能なエリアはカード全体にしたい、と思う時は少なくないと思います。a要素にdisplay: block;を加えてもボタンだけだし、あとはjQueryのプラグインなどJavaScriptでクリック可能な範囲を広げる感じでしょうか。 CSSだけで、クリック可能な範囲を広げるスタイルシートのテクニックを紹介します。 下記のようなa要素がボタンだけでも、クリック可能な範囲がカード全体に広がります。
![[CSS]クリック可能な範囲を広げるスタイルシートのテクニック、a要素はボタンだけでもカード全体をクリック可能に](https://cdn-ak-scissors.b.st-hatena.com/image/square/e7a189d61094c5b54929e435d58f3994792159b9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018082501.png)
a要素はボタンだけ、でもクリック可能なエリアはカード全体にしたい、と思う時は少なくないと思います。a要素にdisplay: block;を加えてもボタンだけだし、あとはjQueryのプラグインなどJavaScriptでクリック可能な範囲を広げる感じでしょうか。 CSSだけで、クリック可能な範囲を広げるスタイルシートのテクニックを紹介します。 下記のようなa要素がボタンだけでも、クリック可能な範囲がカード全体に広がります。
コミュニケーションはハックできる! 初対面では相手の名前を連呼。起業家けんすうの「人見知りのためのビジネスTips」 SNSで目立つのは、強者の意見。デキるビジネスマンが、とにかくまぶしい。自分も仕事を頑張っているけど、なかなか強気に振る舞えない…そんな人も多いのでは? ということでお話を伺うのは、19才で学生コミュニティ「ミルクカフェ」を立ち上げて大学在学中に起業、現在はIT企業の取締役をつとめるけんすうさん。 【けんすう】1981年生まれ。19才で学生コミュニティ「ミルクカフェ」を立ち上げ、大学在学中にネット企業の社長に就任。2006年、リクルートに入社。2009年に退職し、nanapi代表取締役に就任 前回の記事では「リスクをとれ」「実名で発信しろ」などの強者のアドバイスをやさしく擁護くれたけんすうさんですが、意外にも(?)自らのことを「水気の多い豆腐くらいメンタルが弱い」と評してい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く