<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs CSS</title>

    <style>
      /* wygląd elementu - ul */
      ul {
        list-style-type:none;
        margin:0;
        padding:0;
        border:1px solid #CCC;
        width:250px;
        box-shadow:0 6px 6px -6px #666;
      }

      /* wygląd elementów - li */
      ul li {
        border-top:1px solid #CCC;
      }

      /* wygląd pierwszego elementu - li */
      ul li:first-child {
        border-top:none;
      }

      /* wygląd elementów - a */
      ul li a {
        display:block;
        text-decoration:none;
        background-color:#EEE;
        padding:10px;
        text-align:center;
        color:#00A0AA;
        text-shadow:1px 1px 0 #FFF, 1px 2px 0 #AAA, 1px 2px 6px #AAA;
        font-size:18px;
        border:1px solid #FFF;
        background-image:url('obrazek.png');
        background-repeat:repeat-x;
        background-image:radial-gradient(ellipse at bottom, #FFF 0%, #DDD 100%);
      }

      /* wygląd elementu - a - w momencie najechania na niego kursorem myszki */
      ul li a:hover {
        color:#000;
        background-color:#FFF;
        background-image:none;
      }
    </style>
  </head>

  <body>

    <ul>
      <li><a href="#">link 1</a></li>
      <li><a href="#">link 2</a></li>
      <li><a href="#">link 3</a></li>
      <li><a href="#">link 4</a></li>
    </ul>

  </body>
</html>

Zarejestruj się

Otrzymasz liczne dodatkowe korzyści:

  • podgląd statusu realizacji zamówień
  • podgląd historii zakupów
  • brak konieczności wprowadzania swoich danych przy kolejnych zakupach
  • możliwość otrzymania rabatów i kuponów promocyjnych
do góry
Sklep jest w trybie podglądu
Pokaż pełną wersję strony
Sklep internetowy Shoper.pl