Создаем класс для всех изображений Изображение должны обязательно принадлежать классу pic. Он содержит информацию об расположении блока с изображением — float; о высоте и ширине блока — height и width; тип отображение, если изображении больше, чем размер блока — overflow, а также информацию об рамке — border, тени — box-shadow и отступе — margin. Полный CSS класса pic будет выглядеть так:
1 2 3 4 5 6 7 8 9 10 11 |
.pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111; box-shadow: 5px 5px 5px #111; } |