如何在 html 页面中为 2 个不同的图像集成 2 个不同的 CSS 样式？

Question

谁能帮帮我？

如何在 html 页面中为 2 个不同的图像集成 2 个不同的 CSS 样式，两个图像都由 space 垂直分隔？

看下面的画。它们有不同的尺寸，不同的款式。

Answer 1

像这样。您可以随时更改尺寸

.img, .firstImage, .secondImage {
    border: 1px dotted blue;
    width: 200px;
}

.firstImage {
    float:left;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.secondImage {
    float:right;
    border: 2px solid #fff;
    border-radius: 2px;
    padding: 3px;
    width: 120px;
}

Answer 2

朋友帮我写了这段代码，很好的回答：

HTML

<div id="img1"><img src=logo.png"></div>
<div id="img2"><img src=logo2.png"></div>

CSS

#img1{border-style :solid;
border-color:red;}

#img2{border-style :solid;
border-color:blue;
margin-top:20px;}

来源：HERE

如何在 html 页面中为 2 个不同的图像集成 2 个不同的 CSS 样式？

How can I integrate in html pages 2 different CSS styles for 2 diferent images?

html

css

dreamweaver