小编cph*_*hil的帖子

如何使用CSS以不同方式设置多个图像的样式?

我基本上打造了一篇长篇文章,其中散布着各种各样的图像.我希望第一张图片为"float:left",第二张图片为"float:right".我知道我可以像这样设计图像:

img {
float: left;
}
Run Code Online (Sandbox Code Playgroud)

这使得每个图像具有相同的样式.如何对每张图片进行不同的样式设置 我试图将每个图像放在一个不同的div类中,这样我就可以对它们进行不同的设置,但它不起作用.

我也明白,我可以在html标签中设置每个图像的样式,如下所示:

<img src="ABCD.png" alt="Raoul Hausmann's ABCD" align="left" height="300px">
Run Code Online (Sandbox Code Playgroud)

我一直听说最好将样式保存在外部样式表(CSS)中,与html分开.这是需要内联样式的情况吗?

html css image css-float inline-styles

6
推荐指数
2
解决办法
4万
查看次数

对于我自己的而非从其他网站借来的图像,正确的 img src 是什么?

在我的计算机上,保存我的 .css 和 .html 文件的文件夹还包含一些我想插入到我的 html 中的图像。如果我从另一个网站借用图像,我了解如何获取图像的 url。如何获取位于我的文件夹中但尚未在 Internet 上的图像的 url?我是否必须将图片上传到其他网站才能获得链接?

我也明白我应该使用头部的基本标签来为我在 html 中的相对 url 提供链接,但在这个阶段,我没有包含图像的链接。

html url image src

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×2

image ×2

css ×1

css-float ×1

inline-styles ×1

src ×1

url ×1