2. Start
  3. Nauka
  4. Materiały dodatkowe
  5. CSS
  6. 08c. Obramowanie - kolory
Materiały dodatkowe
CSS

08c. Obramowanie - kolory

CSS Wynik działania 
p
   {
      border-color:red;
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:red;
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:#ff0000;
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:#ffff00;
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:rgb(255,0,0);
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.
RGBA - rgb z przezroczystością 
p
   {
      border-style:solid;
      border-color:rgba(255,0,0,0);
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.
RGBA - rgb z przezroczystością 
p
   {
      border-style:solid;
      border-color:rgba(255,0,0,0.1);
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.
RGBA - rgb z przezroczystością 
p
   {
      border-style:solid;
      border-color:rgba(0,255,0,.1);
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.
RGBA - rgb z przezroczystością 
p
   {
      border-style:solid;
      border-color:rgba(0,255,0,.5);
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:rgba(0,255,0,1);
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:red green;
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:red green blue;
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.

 
p
   {
      border-style:solid;
      border-color:red green blue yellow;
   }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor turpis. Nulla facilisi. Maecenas viverra id dolor vel hendrerit. Integer sed pulvinar leo, vitae venenatis enim.
Rating:
( 0 Rating )

Menu