Jak zrobić podwójne podkreślenie za pomocą CSSa ?

Myślę, że niejednemu z Was przyda się kiedyś możliwość stworzenia np. tekstu z podwójnym podkreśleniem. Na pierwszą myśl przychodzi właściwość border z ustawionym stylem na double. Niestety – double nie działa w tym przypadku w ten sposób. Więc może text-decoration ? Niestety nie ma czegoś takiego jak double underline. Jak więc sobie poradzić ?

Rozwiązanie jest bardzo proste – wykorzystamy sobie połączenie text-decoration oraz border. W ten sposób mamy kod

Tekst podwójnie podkreślony
VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

4 przemyślenia nt. „Jak zrobić podwójne podkreślenie za pomocą CSSa ?

  1. Szukałem tej informacji i trafiłem na Twoją stronę. Jest tu wiele przydatnych rzeczy. Dziękuję.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. Można też od razu dać podwójne obramowanie:
    style=”border: 3px double #000;”
    pozdro.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. Super rozwiązanie zwiększające klikalność na stronie. Pozdrawiam,

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. Działa :) Jednak problem jest, gdy chcemy zmienić kolor tekstu. Dolne podkreślenie pozostaje nadal czarne. Jak to naprawić?

    VA:F [1.9.22_1171]
    Rating: 5.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *


dziewięć + = 14

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>