Stylowanie klasy w CSS jest wykorzystywane przez programistów na co dzień. To dzięki tej opcji można zaprojektować dany element strony www. W zasadzie w CSS niema rzeczy niemożliwych. Przed stwierdzeniem, że czegoś nie da się zrobić odwołaj się do wcześniejszego pogrubionego zdania. Zawsze znajdzie się sposób na osiągnięcie celu.
Stylowanie prostokąta za pomocą klasy .ostylowanaklasawcss w języku CSS
1. Definiowanie prostokąta w HTML
|
1 |
<div class="ostylowanaklasawcss">Tekst w klasie CSS</div> |
2. Stylowanie prostokąta za pomocą CSS
|
1 |
.ostylowanaklasawcss{float:left;width:340px;height:200px;background:#000;text-align:center;font-weight:12px;text-transform:uppercase;color:#fff;border: 10px solid #eee;} |
Ostylowany prostokąt powinien wyświetlić się następująco. Przykład:
DEMO:
Dodaj komentarz