}
scrolling-css.html:585
label[for="kod555"], label[for="kod556"], label[for="kod557"], label[for="kod560"] {
background: #4e6473;
padding: 2px 10px;
border-radius: 2px;
color: #fff;
cursor: pointer;
}
user agent stylesheet
label {
cursor: default;
}
}
scrolling-css.html:591
#kod555:checked + label, #kod556:checked + label, #kod557:checked + label, #kod560:checked + label {
background: #e36443;
}
<style>
.scrolling {
margin: 0 auto;
width: 30em;
height: 10em;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap; /* чтобы картинки стояли в одну линию, не переходя на другую строку */
word-wrap: normal; /* то же для IE */
}
.scrolling img {
width: 10em;
height: 10em;
}
</style>
<div class="scrolling">
<img src="адрес_изо" alt=""/>
<img src="адрес_изо" alt=""/>
<img src="адрес_изо" alt=""/>
<img src="адрес_изо" alt=""/>
<img src="адрес_изо" alt=""/>
</div>
Комментарии
Отправить комментарий