img的src屬性可以用css寫嗎

img的src屬性可以用css寫；src屬性在img標籤中用來設定映像檔的url，也即該映像的檔案路徑，可以利用css的content屬性來規定img標籤的映像url ，即可實現了使用css設定img標籤的src屬性的目的，語法為「img{content:url(映像檔路徑);}」。

本教學操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。

img的src屬性可以用css寫

標籤的 src 屬性是必要的。它的值是圖像檔案的 URL，也就是引用該圖像的檔案的絕對路徑或相對路徑。

提示：為了整理文件的存儲，創作者通常會把圖像檔案存放在一個單獨的資料夾中，通常會將這些目錄命名為 "pics" 或 "images" 之類的名稱。在W3School 線上教學中，我們的工程師把大部分常用的圖像都存放到一個名為"i" 的資料夾中，"i"是"images" 的縮寫，這樣做的好處是可以最大程度地簡化路徑。

語法

<img  src="value" alt="img的src屬性可以用css寫嗎" >

URL

#規定圖像的 URL。

可能的值：

絕對URL - 指向其他站點（例如src="http://www.example.com/"）

相對URL - 指向站點內的檔案（如src="/i/image.gif"）

content 屬性與:before 及:after 偽元素配合使用，來插入內容。

該屬性可能的屬性值如下：

#範例如下：

<style>
    img {
    content:url(https://image.png);
    }
</style>

（學習影片分享： css影片教學、html影片教學）

以上是img的src屬性可以用css寫嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！