4
4

5 に答える 5

6

を使用できますdisplay:block

例は次のとおりです。

HTML:

<a href="#" class="btn"​​​​​​​​​​​​​​​​​​​​​&gt;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

使用する

<div onclick="..">...</div>

またはdisplay: block;あなたのa-tag(http://green-beast.com/blog/?p=74

于 2012-08-05T13:29:46.660 に答える