31

リンクの順序付けられていないリストがあり、各リンクには一意の ID があります。
その ID を:beforeセレクターで使用して
、関連する Web サイトのファビコンをリンクの前に配置しています (コンテンツ プロパティを使用)。
これらのアイコンの 1 つは、他のアイコンの 2 倍のサイズです。
CSS を使用してこのアイコンのサイズを変更する方法はありますか?
答えが「いいえ」の場合、画像を編集する以外にこれを行う方法はありますか?

ビジュアルリファレンス:

ここに画像の説明を入力

これが私が試したものです(そしてうまくいかないようです):

#geog:before
{
    content: url("icons/geogebra.ico") " ";
    height: 50%;
    width: 50%;
}
4

3 に答える 3

61

私は以前に同じ問題に遭遇しました。これを試して:

#geog:before
{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    content: "";
    background: url("icons/geogebra.ico") no-repeat 0 0;
    background-size: 100%;
}

これらの値を微調整する必要があると確信していますが、それは私にとってはうまくいきました。もちろん、何らかの理由で背景画像として設定できない場合、これは機能しません。頑張ってください!

于 2013-02-04T22:38:47.210 に答える
10

物件をお探しの方だと思いzoomます。このjsfiddleを確認してください

margin-rightまた、アイコンと要素のコンテンツの間にスペースを追加することもできます。

于 2016-02-05T15:26:42.100 に答える
-6

% の代わりに PX を使用

#geog:before
{
content: url("icons/geogebra.ico") " ";
height: 5px;
width: 5px;
}

試してみてください:-)

于 2012-08-22T23:57:44.307 に答える