img的src屬性可以用css寫;src屬性在img標籤中用來設定映像檔的url,也即該映像的檔案路徑,可以利用css的content屬性來規定img標籤的映像url ,即可實現了使用css設定img標籤的src屬性的目的,語法為「img{content:url(映像檔路徑);}」。
本教學操作環境:windows10系統、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 - 指向站點內的檔案(如src="/i/image.gif")
content 屬性與:before 及:after 偽元素配合使用,來插入內容。
該屬性可能的屬性值如下:
#範例如下:
<style> img { content:url(https://image.png); } </style>
以上是img的src屬性可以用css寫嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!