エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
テキストと画像の置き換え
今回は、htmlで書いたテキストを画像に置き換える方法をご紹介します。 このテクニックは、グローバルナ... 今回は、htmlで書いたテキストを画像に置き換える方法をご紹介します。 このテクニックは、グローバルナビやサイドメニューなどに使用されている ロールオーバー画像の実現にも大きく関わるものです。 いかにテキストの表示を消すかがポイントです。 私からは、下記の3パターンご紹介させていただきます。 ・display:noneを使用するパターン ・positionを使用するパターン(off-left) ・text-indextを使用するパターン(おすすめ) 「display:noneを使用するパターン」 (htmlコーディング) <div class="substitution01"> <span>テキスト</span> </div> (cssサンプル) .substitution01 { width:140px; height:56px; background-image:url(images/