ホームページ  >  記事  >  ウェブフロントエンド  >  背景画像内のアンカータグの幅と高さを設定するにはどうすればよいですか?

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

Barbara Streisand
Barbara Streisandオリジナル
2024-10-31 23:03:28230ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。