Witam,
Dostałem zadanie domowy z którym zupełnie nie moge sobie poradzić. Pomożecie mi je rozwiązać?
1. Stwórz dokument o nazwie bloki.html
2. Dołącz do dokumentu bloki.html zewnętrzny arkusz stylów CSS.
3. Utwórz główny container dla dokumentu o szerokości 1170 px; paddingu 20px; obramowanie 1px koloru #eee oraz lini ciągłej oraz margines górny ma mieć wartość : 20px;
4. W głównym containerze utwórz trzy jednakowe bloki div gdzie kązdy znich bedzie zawierał następujące treści :
- Blok nr.1 ma mieć następujące wartości : obramowanie kropkowane 1px kolor niebieski, w bloku tym ma się znaleś dowolny i dopasowany obrazek względem bloku , odstęp wszystkich krawędzi
ma wynieść 5px, dodatkowo pod obrazkiem ma znajdować się tekst lorem impsum max 4 wiersze, tekst ma być wyjustowany oraz pogrubiony pierwszy wyraz.
- Blok nr.2 powinien posiadać obramowanie równe 1px linia ciągła oraz kolor #eee, blok ten mieć zaokrąglone dwa rogi górny prawy i lewy dolny - wartość zaookrąglenia 5px; blok powinien
zawierać lekki cień, w samym bloku umieść tekst "Hello World " tekst musi znajdować się w centrum czyli na samym środku bloku, dodatkowo stwórz tło obrazkowe dla tego bloku ale wczytywane
z zewnętrznego arkusza css zgodnie z zasadami CSS, tło powinno posiadać pozycję centralną i być rozciągnięte na cały blok.
- Blok nr.3 posiadać powinien tło koloru pomarańczowego, białe czcionki oraz napis " Hello World" pisany fontem 24pt, napis ten powinien być wycentrowany względem diva., natomiast pod tym
napisem proszę dodaj odnośnik do strony google.com gdzie założenia są nastepujące - link aktywny ma być koloru białego, link po najechaniu ma mieć kolor czarny, natomiast link odwiedzony
kolor ciemno fioletowy, dodaj opcję, że po kliknięciu w link musi się otworzyć nowa karta. Link musi mieć nazwę " Wyszukaj w Google"