img的src属性可以用css写吗

196 阅读 0 评论 130 点赞

我是靠谱客的博主糊涂过客，这篇文章主要介绍img的src属性可以用css写吗，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

img的src属性可以用css写

<img> 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。

提示：为了整理文档的存储，创作者通常会把图像文件存放在一个单独的文件夹中，而且通常会将这些目录命名为 "pics" 或者 "images" 之类的名称。在 W3School 在线教程中，我们的工程师把大部分常用的图像都存放到一个名为 "i" 的文件夹中，"i"是 "images" 的缩写，这样做的好处是可以最大程度地简化路径。

语法

复制代码<img src="value">1
<img src="value">
登录后复制

URL

规定图像的 URL。

可能的值：

绝对 URL - 指向其他站点（比如 src="http://www.example.com/"）

相对 URL - 指向站点内的文件（比如 src="/i/image.gif"）

content 属性与 :before 及 :after 伪元素配合使用，来插入内容。

该属性可能的属性值如下：

示例如下：

复制代码<style>
    img {
    content:url(https://image.png);
    }
</style>1
2
3
4
5
<style>
    img {
    content:url(https://image.png);
    }
</style>
登录后复制

（学习视频分享：css视频教程、html视频教程）

以上就是img的src属性可以用css写吗的详细内容，更多请关注靠谱客其它相关文章！