疑似要素で画像を張り付けるには

Question

今CSSの方の学習を進めています。
疑似要素というものが出てきたのですが、画像を張り付けるときURLが必要になりますよね。これは、自分のパソコンなどに保存されている画像を張り付けたりはできないのでしょうか。画像URLがない画像を張り付けることはできないのでしょうか。
また、ネットで拾った画像はURLが長くて、張り付けるとコードがものすごく長くなってしまいます。これは何とかならないのでしょうか。
お返事お待ちしております。

Comments

[m.ts10806]

疑似要素と画像の表示は切り分けないとおかしいことになりますし、
何も調べず試しもしないまま丸投げし続けている印象しかありません。

[atuko]

申し訳ありません…。もっと調べてから質問します。

Answer 1

自分のパソコンなどに保存されている画像を張り付けたりはできないのでしょうか。画像URLがない画像を張り付けることはできないのでしょうか。

はい、そうですね。
ただし、自分のPCだけで見えればいいのであれば可能ですし、また、自分のパソコンなどに保存されている画像をアップロードすれば貼り付けることも可能です。

---

ネットで拾った画像はURLが長くて、張り付けるとコードがものすごく長くなってしまいます。これは何とかならないのでしょうか。

短縮URLサービスを使えば短くなりますが、あまりおすすめしないです。

蛇足ですが、「ネットで拾った」という言葉に不安を覚えます。公開するならば著作権などを確認した方がいいのでは。

Comments

[atuko]

自分のパソコンに入ってる画像もアップロードしてURLを付与すれば張り付けることも可能、ということですね。
ネットで拾った画像はあくまで練習で使うつもりです。公開はしません。ご心配をおかけして申し訳ありません。

[Lhankor_Mhy]

はい、あとは自分のPCだけで見えればいいのであれば、アップロードしなくても可能です。
PCにある画像ファイルをブラウザにドラック&ドロップしてみればわかります。

[atuko]

ありがとうございます！