2. Start
  3. Nauka
  4. Materiały dodatkowe
  5. CSS
  6. 07a. Tło - kolor
Materiały dodatkowe
CSS

07a. Tło - kolor

CSS Wynik działania
Określenie koloru tła nazwą 

div{
    background-color:yellow;
    height:180px;
    width:460px;      
}
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.
Określenie koloru tła heksadecymalnie 

div{
    background-color:#FF00FF;
    height:180px;
    width:460px;      
}
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.
Określenie koloru tła rgb 

div{
    background-color:rgb(0,128,128);
    height:180px;
    width:280px;      
}
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.
Określenie koloru tła hsl 

div{
    background-color:hsl(50,100%,50%);
    height:180px;
    width:280px;      
}
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.
Określenie koloru tła rgba. Tło wewnętrznego div'a nie jest przezroczyste 

.div1{
    background-color:red;
    height:180px;
    width:260px;
    padding:10px;
} 
.div2{
    background-color:rgba(50,50,128,1);
    height:160px;
}
div wewnętrzny
Określenie koloru tła rgba. Tło wewnętrznego div'a jest półprzezroczyste 

.div1{
    background-color:red;
    height:180px;
    width:260px;
    padding:10px;
} 
.div2{
    background-color:rgba(50,50,128,.5);
    height:160px;
}
div wewnętrzny
Określenie koloru tła rgba. Tło wewnętrznego div'a jest w pełni przezroczyste 

.div1{
    background-color:red;
    height:180px;
    width:260px;
    padding:10px;
} 
.div2{
    background-color:rgba(50,50,128,0);
    height:160px;
}
div wewnętrzny
Rating:
( 0 Rating )

Menu