<pre><code class="css"><style type="text/css"&g

<style type="text/css">
   #bottom {
    background: #66806E url(images/clover.png) no-repeat 20px bottom; 
    min-height: 80px;
    color: #E4BC96; 
    padding: 5px 5px 5px 140px;
   }
   #bottom p { margin: 5px 0;}
   #bottom a {color: #FFFDE0;
   }
  </style>

This style defines:

Maximum height of the background image 80px
Minimum height of the element with id='bottom' 80px
Size of the button 80px * 80px
Size of the image 80% from the element's size with id='bottom'

Explanation

These rules will not take any effect on the HTML code because of incorect syntax for "id" ("#bottom p" and "#bottom a")


#bottom p {margin: 5px 0;}
#bottom a {color: #FFFDE0;}

Only "#bottom" will work.


#bottom {
    background: #66806E url(images/clover.png) no-repeat 20px bottom; 
    min-height: 80px;
    color: #E4BC96; 
    padding: 5px 5px 5px 140px;
   }

Подобається

Ввійдіть щоб вподобати
Комментувати

Ввійдіть щоб прокоментувати
Поширити

Tweet

Слідкуй за CodeGalaxy

Мобільний додаток Beta

Продовжуйте вивчати
тести з HTML & CSS

Пов'язані матеріали

Слідкуй за CodeGalaxy

Мобільний додаток Beta

Продовжуйте вивчати тести з HTML & CSS

Продовжуйте вивчати
тести з HTML & CSS