Мои изображения не меняют размер

Question

Как мне изменить размер моих фотографий? Я хочу, чтобы они были одного размера, что я делаю не так?

HTML:

<img src="tennis.jpg" class="aktiviteter">
<img src="venner.jpg" class="aktiviteter">
<img src="shopping.jpg" class="aktiviteter">

CSS:

.aktiviteter {
    width="450px" 
    height="300px"
}

Answer 1

Взгляните на некоторую документацию , это помешало бы вам задать такой вопрос.

.aktiviteter {
    width:450px; 
    height:300px;
}

<img src="https://cdn.pixabay.com/photo/2016/05/09/11/09/tennis-1381230_960_720.jpg" class="aktiviteter">
<img src="https://cdn.pixabay.com/photo/2017/07/31/20/36/dark-2560832_960_720.jpg" class="aktiviteter">
<img src="https://cdn.pixabay.com/photo/2015/10/12/15/18/store-984393_960_720.jpg" class="aktiviteter">

Answer 2

Альтернативный

Иногда мне нравится делать изображения частью фона. Я обнаружил, что они лучше реагируют на разных экранах.

HTML

<div class="container"><img src="tennis.jpg" class="aktiviteter"></div>
<div class="container"><img src="venner.jpg" class="aktiviteter"></div>
<div class="container"><img src="shopping.jpg" class="aktiviteter"></div>

CSS

.container:nth-child(1) {
height:300px;
width: 450px
background: url('../tennis.jpg') no-repeat center;
}

---

Оригинал

Замените ваш = на :

.aktiviteter {
    width: 450px; 
    height: 300px;
}

Answer 3

Вы не используете "=" в CSS, и вам не нужны кавычки. Также попробуйте завершить оператор точкой с запятой

.aktiviteter {
    width: 450px; 
    height: 300px;
}