Text, linii de tăiat; o culoare diferită

Proiectul este de fapt un depozit online de cod open-source. Dezvoltarea sa poate fi plasat aici tuturor participanților, iar proiectele de acces sunt disponibile tuturor utilizatorilor oriunde în lume.

  • Și ați adăugat deja știrile în aplicație? Dacă nu, asigurați-vă că să o facă!

Text, linii de tăiat; o culoare diferită

Mai multe variante de realizare a efectului asupra CSS evidenția textul nepretențioasă - barată linia sa de o altă culoare. Odată ce am confruntat cu această problemă, m-am confruntat cu ea. Apoi am decis să experimenteze și pentru a obține același efect, dar în alte moduri. Asta e ceea ce am făcut. General sunt exemple care creează un container traversează o linie de aceeași culoare, și conține textul de o culoare diferită.

Prima opțiune, care, iar problema a fost rezolvată - folosi HTML-tag sau . Ambele aceste tag-uri sunt suportate de toate browserele, dar HTML 4.01 greva este considerat caduc, iar în HTML5, la toate eliminate. Cu toate acestea, această opțiune este locul de a fi.

Dacă citiți documentația privind HTML, atunci se spune că, în loc de aceste etichete se recomandă să utilizați tag-ul . În plus față de efectul vizual, de asemenea, este mai corect semantic, dacă doriți să selectați textul pe care și-a pierdut relevanța.

Descriere Stilul rămâne același ca și în primul exemplu, schimba doar eticheta recipientului.

Următorul exemplu se bazează pe CSS proprietatea text-decor, ci mai degrabă pe valoarea sa-line prin intermediul. În acest caz, conținutul containerului să fie traversat de o linie orizontală. Putem fi setat numai de culoare cu o linie prin stiluri de linie și culoare a conținutului de text al containerului.

Ultimul exemplu este prezentat doar ca o altă opțiune pentru rezolvarea problemei, în practică, este mai bine să nu folosească, mai ales că aceasta nu funcționează în browser-ul Internet Explorer. Această metodă se bazează pe faptul că recipientul și conținutul atributul atribuit poziția: relativă, iar apoi traversează linia cu un container și este barat textul sunt deplasate unul față de altul pe verticală. Traversează linia în acest caz este limita inferioară a containerului, iar culoarea textului și containerul nu se schimbă.

Singurul avantaj al acestei metode este că puteți specifica nu numai continuu de tip linie Barat, dar orice alte bunuri de frontieră sprijinite. De asemenea, este posibil să se aleagă și grosimea liniei barată. Din nou, nu am face lucruri fără a avea nevoie extremă!

După cum puteți vedea, utilizarea de CSS și HTML vă oferă o oportunități foarte largi pentru a rezolva problemele de site-uri de aspect și de design. Trebuie doar să alegeți una dintre opțiunile corespunzătoare cerințelor specifice de aspect.

articole similare