//我被要求创建一个不能使用ID或类的网站。他们想在该部分的顶部放置两张图片。我在html代码部分中使用了两个示例。它们会很小,并且会紧紧紧贴标题-特别是当我在CSS中使用img垂直对齐-20和h1边距顶部-130时。

img {
    width: 200px;
    vertical-align: -20px;
}
section {
    background-color: rgba(255, 255, 255, .9);
    width: 1050px;
    height: 1400px;
    margin-top: -1190px;
    margin-left: 110px;
    margin-bottom: 140px;
    border: 2px solid red;
    border-radius: 10px;
    box-shadow: 3px 3px 2px 2px black;
}
section h1 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 10px;
    text-shadow: 1px 1px 1px red;
    margin-top: -130px
}

<section>
    <img src="canada.png" alt="Canada" />
    <img src="canada.giff" alt="Canada" />
    <h1>Title</h1>
</section>

最佳答案

只需在html代码中像这样简单地写align =“ right / left”即可:

<img align="left" src="canada.png" alt="canada" />

关于html - 如何在该部分的左上/右上 Angular 设置2张图片而没有id或class属性HTML CSS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21846106/

10-10 01:36