header code код для шапки HTML5 CSS 2.1 IECr Op Sa Fx
|
<meta charset="utf-8">
<title></title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style type="text/css">body { margin: 0; }
header {
display: block;
background: #00b0d8 url(images/header-gradient.png) repeat-x;
/* Градиент */
}
.header-bg {
background: url(images/header-animal.png) repeat-x center bottom;
/* Животные */
height: 15px; /* Высота шапки */
text-align: center; /* Выравнивание по центру */
}
.header-bg img {
position: relative; /* Относительное позиционирование */
top: 40px; /* Сдвигаем картинку вниз */
}
</style>
<header>
<div class="header-bg"><a href="https://www.youtube.com/channel/UCjUmxZUZbTrugkyW23hZVKw"><img alt="Как поймать льва в пустыне" src="https://media-exp1.licdn.com/dms/image/C4E22AQFZElsg8EPZuw/feedshare-shrink_2048_1536/0/1635403542285?e=1638403200&v=beta&t=McAXwi5r1ekY6ApY2Rz3140v-yILoT7ptVl9HZ8kx-M" style="width: 456px; height: 166px;" /></a></div>
</header>
|
|
| Категория: Web дизайн | Добавил: натанатаната (30.10.2021)
|
| Просмотров: 127
| Теги:
| Рейтинг: 0.0/0 |
|
