ホームページ > 記事 > ウェブフロントエンド > imgのsrc属性はcssで記述できますか?
imgのsrc属性はcssで記述できます; src属性はimgタグ内に画像ファイルのURL、つまり画像のファイルパスを設定するために使用します。 cssの属性にimgタグの画像URLを指定することで、cssを使ってimgタグのsrc属性を設定する目的を達成できます。構文は「img{content:url(画像ファイルパス);}」です。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
タグのsrc属性は必須です。その値は画像ファイルの URL であり、画像を参照するファイルへの絶対パスまたは相対パスです。
ヒント: ドキュメントのストレージを整理するために、作成者は通常、画像ファイルを別のフォルダーに保存し、これらのディレクトリに「pics」や「images」などの名前を付けます。 W3School オンライン チュートリアルでは、エンジニアはよく使用される画像のほとんどを「i」という名前のフォルダーに保存します。「i」は「images」の略称です。この利点は、パスを最大限に簡素化できることです。 。
構文
<img src="value" alt="imgのsrc属性はcssで記述できますか?" >
URL
画像の URL を指定します。
可能な値:
絶対 URL - 別のサイト (src="http://www.example.com/" など) を指す
相対 URL - ポイント
content 属性は、コンテンツを挿入するために :before および :after 擬似要素とともに使用されます。
この属性で使用できる属性値は次のとおりです:
例は次のとおりです:
<style> img { content:url(https://image.png); } </style>
(学習ビデオ共有: CSS ビデオ チュートリアル 、html ビデオ チュートリアル )
以上がimgのsrc属性はcssで記述できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。