ファンシーなグラフィック ボタンを備えたフォームの使用に関する情報をサイトに掲載する必要があります。
私はそれを次のようにしたい：
To show info press <info buttton icon>, to configure preferences press <preferences button icon>.
そして、アイコンはアイコンごとに1つの大きなファイルアイコンに配置されます。
たとえば<info buttton icon>、icons.png ファイルからのもので、オフセット (20px、20px)<preferences button icon>があり、同じファイルからのもので、オフセット (20px、40px) があります。
純粋な HTML と CSS を使用できます。プロパティで
使用しようとしましdivたが、段落内に配置できません。background-positiondiv
これを達成するための解決策やヒントがあれば、私は大いに役立ちます。
編集:応答を読んだ後、次のコードを使用しました:
<p>To show info press
<span style="background: url(./img/icons.png); height: 18px; width: 18px;"></span>
, to configure preferences press
<span style="background: url(./img/icons.png); height: 18px; width: 18px; background-position: -18px 0px !important;"></span></p>
<img src="./img/icons.png">
スパン内のアイコンは表示されませんが (スパンは表示されず、テキストのみ)、imgタグには表示されるため、画像へのパスは正しいです。