周囲の余白や文字も含めてリンクさせる方法

今日は、周囲の余白や文字を含めてリンクをさせる方法を紹介しますね・・・

• では、どの様にすればよいのか・・・
  1. ポイントはスタイルシートに・・・display:blockと記述するのがミソです
     ※　記述すると、リンクを "P" や "DIV" のようなブロックのように扱えます。
     　 その結果、余白を含めた全体がリンク状態になります。
     
     
  2. 下のリンクの場合のスタイルシートの記述は以下の通りです
     
     style="display:block;text-decoration:none;border:solid;border-width:1px;text-align:center;width:400px"
     
     
     
  3. このスタイルシートをA要素の中に記述します
     
     <A href="リンク先URL" style="上記の指示を記述する">
     トーションレース企画卸
     ELL-ヤマウチ
     </A>
     
     
     
  4. この様に余白も文字も全てリンクできるように成ります
     トーションレース企画卸
     ELL-ヤマウチ

今日の小技は如何でしたか？