背景画像内のアンカータグの幅と高さを設定するにはどうすればよいですか?-CSSチュートリアル-php.cn

背景画像内のアンカータグの幅と高さを設定するにはどうすればよいですか?

Barbara Streisand

リリース： 2024-10-31 23:03:28

オリジナル

252 人が閲覧しました

How to Set Width and Height on Anchor Tags Within Background Images?

背景画像内のアンカータグの幅と高さを設定する

アンカータグの幅と高さをピクセル単位で設定できます。アンカーの表示プロパティを操作して、アンカー内のテキストを保持します。これを実現する方法は次のとおりです。

CSS で、アンカータグの表示プロパティを「block」または「inline-block」に設定します。

<code class="css">a {
  display: block; /* or display: inline-block; */
  width: 32px;
  height: 32px;
  background-color: orange;
}</code>

ログイン後にコピー

これにより、アンカータグが許可されます。幅と高さの値を受け入れます。ただし、アンカーの背景色を個別に設定する必要があります:

<code class="css">a {
  background-color: red;
}</code>

ログイン後にコピー

この変更により、アンカータグは内部のテキストを維持しながら背景画像を持ち、その寸法が設定されます。 32 ピクセル x 32 ピクセルまで:

<code class="html"><li><a href="#">Something</a></li></code>

ログイン後にコピー

以上が背景画像内のアンカータグの幅と高さを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。