Jeden wyraz a dwa kolory

Question

Witam.

Chcę zrobić logo strony, które będzie jednym wyrazem, jednak zależy mi na tym, żeby połowa wyrazu była czarna a druga połowa pomarańczowa. 

Jak to zrobić? Nie mam pojęcia jakiego kodu powinnam użyć.

Z góry dziękuję za pomoc :)

Answer 1

<p>Pierwsza część słowa<span class="orange-text">druga część słowa</span></p>

w pliku css:

.orange-text{

color: orange;

}

Comments

Dzięki wielkie :)

---

Nie twórz klasy w stylu "orange-text". Za chwilę stwiedzisz, że jednak lepszy byłby zielony i zostaniesz z klasą orange i kolorem green :)

Nazwy nadawaj jakieś logiczne, wskazujące np. przeznaczenie elementu. Robiąc nazwę klasy CSS zastanów się, czy jeśli zmienisz jakąś z jej reguł CSS to czy nazwa klasy dalej ma sens, jeśli nie, to znaczy, że nazwa jest zła :) Tak samo nie rób nazw z left, right itp.

Powodzenia w kodowaniu :)

---

Dzięki wielkie za informacje! :)

To dopiero moje początki i każda dobra rada jest na wagę złota :)

Pozdrawiam :)

Answer 2

Innym rozwiązaniem jest nałożenie gradientu, który może być także w poziomie, bo jaby ktoś chciał mieć na dole inny kolor i na górze inny to się tego dzielenim wyrazu na litery nie zrobi.

Comments

Dzięki za sugestię.

Dopiero zaczynam przygodę z tworzeniem stron i każda rada jest cenna.