Перед тем, как приступить к созданию отдельных демонстраций, вот кусочек CSS, который устанавливает базовые правила для изображений. * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }body { background: #333; }.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; } border-box означает, что высота и ширина блоков с изображениями будут включать в себя значения полей и границ, а класс pic является общим для всех изображений. ...