枠内のどこをクリックしてもリンクとみなす？

htmlのテーブルや、divなどを使って、
枠の中に文字リンクを作成して、
枠内にマウスオーバーしたときに、
枠内のどこをクリックしてもリンクとみなすように作成することは可能でしょうか？
（できればCSSやJavascriptなどで）

つまり、通常は「リンク」にマウスオーバーしないとリンクできませんが、
------------
|　　　　　　　　|
|　　リンク　　|　→リンク文字のみ
|　￣￣￣　　|
------------

枠内であればどこでもリンクできるようにすることは可能でしょうか？
------------
|　　　　　　　　|　→枠内であればどこでも可
|　　リンク　　|　→枠内であればどこでも可
|　　　　　　　　|　→枠内であればどこでも可
------------

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2013/03/22 18:01

まず、ブロック要素とインライン要素があることを理解しておくこと。

　⇒7.5.3 ブロックレベル要素と行内要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
　ついでスタイルシートのdisplayプロパティを用いて、他のタイプに変更できること
　⇒9.2.5 'display'プロパティ（The 'display' property）( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
【注意】現行のCSS2.1は、大きく変更になっています。
inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit

　A要素はインライン要素ですから、ブロック要素の内部に書いてあります。例えば
<p class="link">
　<a href="/">Top</a>
</p>
でしたら、
p.link{
width:100px;
height:100px;
position:relative;
text-align:center;
margin:0 auto;
}
p.link a{
display:block;
border:outset 3px gray;
line-height:100px;
text-decoration:none;
width:100%;
height:100%;
background-color:yellow;
}
p.link a:visited{background-color:silver;}
p.link a:hover{background-color:aqua;}
p.link a:active{border-style:inset;}

とか・・お好きにどうぞ

No.1 回答者： totomac 回答日時： 2013/03/22 16:07

a{display: block;}