css, tech |

Jak wyśrodkować obrazek tła w DIV’ie?

20 luty 2013
[Brak komentarzy] Dodaj Komentarz
[ 20687 ] Wyświetleń artykułu
Autor: Kamil

W sumie prosta rzecz, ale można to zrobić na kilka sposobów. Dla przykładowego DIV’a:

<div id=”przyklad”>Lorem ipsum…</div>

Definiujemy następujący CSS:

#przyklad {
background-image: url(obrazek.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
}

a w skrócie:

#przyklad {
background: url(url) no-repeat center;
}

Takie rozwiązanie pozwala wyśrodkować obrazek tła w pionie i w poziomie. Jeśli chcemy tylko wyśrodkować tylko w poziomie lu tylko w pionie pamiętajmy: background-position: „poziom” „pion”;

This entry was posted in css, tech and tagged .

by Kamil

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Current day month ye@r *