14867 次
5 に答える
6
を使用できますdisplay:block
。
例は次のとおりです。
HTML:
<a href="#" class="btn">Button</a>
CSS:
a.btn{
display: block;
background-color: Green;
width: 50px;
height: 25px;
text-align: center;
text-decoration: none;
color: White;
}
a.btn:hover{
background-color: lightGreen;
color: Black;
}
ここでライブテストできます:http://jsfiddle.net/YdCzY/
于 2012-08-05T14:07:07.060 に答える
1
divの代わりに「a」要素内で「span」要素を使用してみてください...
必要な div と同じように動作するようにスパンにスタイルを適用できます (たとえば、全体的にリンクでもあるリッチ コンテンツ)。
AFAICS、span と div の唯一の違いは、デフォルトのスタイルと、それらが子になることができる要素です。しかし、私はより知識のある貢献者によって修正されることをいとわない...
于 2014-01-29T02:02:30.923 に答える
1
これを使用してみてください:
HTML:
<a id="block-a" href="#">Something here</a>
CSS:
#block-a {
display: block;
}
于 2012-08-05T13:39:24.993 に答える
0
于 2012-08-05T13:29:46.660 に答える