Как я могу установить 2 изображения в верхнем левом / правом углах раздела без атрибутов id или класса HTML CSS

Question

Как я могу установить 2 изображения в верхнем левом / правом углах раздела без атрибутов id или класса HTML CSS

0

//Меня просят создать веб-сайт без возможности использования идентификаторов или классов. Они хотели бы разместить две фотографии в верхней части раздела. Например, я использовал два примера в разделе html раздела. Они будут маленькими и жесткими снова заголовок Title - особенно когда я использую img vertical-align -20 и раздел h1 margin top -130 в css.

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>

Blake 18 фев. 2014, в 08:35

Источник

0

margin-top: -1190px; Серьезно, что-то не так, и, поскольку ответ идет, проверьте nth-of-type псевдо
Mr. Alien 18 фев. 2014, в 06:43
0

заголовок делает верхнюю часть поля раздела - потому что он большой.
Blake 18 фев. 2014, в 06:45
0

Тем не менее, его грязный
Mr. Alien 18 фев. 2014, в 06:45

Показать ещё 1 комментарий

Теги:

html

css

2 ответа

Ещё вопросы

margin-top: -1190px; Серьезно, что-то не так, и, поскольку ответ идет, проверьте nth-of-type псевдо
заголовок делает верхнюю часть поля раздела - потому что он большой.

Sudeep Prajapati · Answer 1 · 2014-02-18T05-10-00.000Z

Легко просто написать align = "right/left" в html-коде, как это:

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

Pavel Štěrba · Answer 2 · 2014-02-18T04-11-00.000Z

Вы можете сделать селектора атрибутов на src следующим образом:

img[src="canada.png"] { 
   /* Styles for canada.png */
} 

img[src="canada.gif"] { 
   /* Styles for canada.gif */
}