タグ

2013年5月5日のブックマーク (1件)

  • リンクをボタン化する

    ボタンのようなものを作る場合、ボタンの画像を用意してその画像にリンクを張るというのがよく行われていることだと思いますが、ここではリンクそのものをボタンらしくする方法を見ていきます。 (2022 年 02 月 20 日公開 / 2022 年 02 月 20 日更新) <a>タグはデフォルトではインライン要素ですので、これをブロック要素に変換します。要素のタイプを変更するにはスタイルシートのdisplayプロパティを使います("display"については表示形式の変更(display)を参照して下さい)。 a{ display:block; } ブロック要素に変換したら、ボタンの幅や高さを設定します。幅を設定には"width"プロパティで、高さについては"padding-top"と"padding-bottom"で設定します。またボタンに表示させるテキストは中央に表示したいので"text-al

    リンクをボタン化する