当前位置: 首页 > 知识库问答 >
问题:

如何使用CSS对多个图像进行不同的样式?

戚承业
2023-03-14

我基本上是风格的长篇文章与各种图像分散贯穿。我想让第一个图像“浮:左”,第二个图像“浮:右”。我知道我可以这样设计图像:

img {
float: left;
}
<img src="ABCD.png" alt="Raoul Hausmann's ABCD" align="left" height="300px">

共有1个答案

冯翔
2023-03-14

您可以给每个图像一个类或id,它将帮助您为每个图像定义不同的css,如

<img src="" class="image1">
<img src="" class="image2">

在css文件中,您可以定义

.image1
{
width:200px;
height:200px;
}
.image2
{
width:300px;
height:300px;
}
 类似资料:
  • 问题内容: 我在html表中有图像列表,并且需要在每个图像上重叠一个小图标。我们如何使用z索引和定位来做到这一点? 问题答案:

  • 我有Spring引导应用程序。我正在这个web应用程序中使用嵌入式嵌入式Hazelcast。我使用了缓存中可用的大量数据。最初,我只运行一个docker容器。现在,为了缩放响应,我启动了3个相同映像的docker容器。现在每个docker容器都运行了嵌入式Hazelcast。因此,一旦我点击刷新缓存,为请求提供服务的容器将只有最新的数据,而其他两个容器将没有最新的数据,除非且直到刷新请求未被提供。

  • 我想创建一个包含一些元素的数组,然后迭代(使用.foreach或.map)它。但每个数组元素必须具有不同的样式。例如,我有一个数组如下所示: 另外,我想在另一个组件中重用数组的一些单独元素。我怎么能那样做? (假设每个元素中的最后一个单词是一个单独的样式,例如background-color或color,) 你能帮帮我吗?请给我一个建议,我会怎么做?

  • 我试着用Bulma CSS使这个块图像带有文本。我尝试了很多东西(相对,z-index等),但我没有成功为台式机或移动设备做一些很棒的东西。每一次,文本都被溢出或得到框外。我无法设置标题字符限制,所以如果可能,我也尝试在第二行使用断字。 下面是我正在寻找的示例: 以下是我的HTML: 和当前CSS(不工作): 结果: 有没有一些关于这种事情的提示,或者Bulma的扩展? 谢谢你的帮助!

  • 问题内容: 有没有可以用来查找未使用的图像文件的方法(反复试验除外)?站点中甚至不存在的ID和类的CSS声明如何? 似乎可以编写一种脚本来扫描站点,对其进行概要分析并查看从未加载过的图像和样式,这似乎是一种方法。 问题答案: 您无需支付任何网络服务或搜索插件的费用,就已经在F12下的Google Chrome浏览器中拥有了该插件

  • 问题内容: 我有一个包含不同部分的网页,需要将不同的CSS样式表应用于每个部分。我想知道的是如何指定要用于网页每个不同部分的CSS样式表。如果我将它们放在一起,则组件将无法正确显示。 问题答案: 您不能将不同的样式表应用于页面的不同部分。您有几种选择: 最好是使用类名称将页面的不同部分包装在div中: 然后在您的part1 CSS中,为每个CSS规则添加“ .part1”前缀,在您的part2 C