CSS podkreślony tekst, w którym podkreślenie ma mniejszą wagę niż tekst?

Próbujesz podkreślić nagłówek, ale masz go o wiele cieńszą linię niż pogrubiony tekst nad nim, jak to zrobić?CSS podkreślony tekst, w którym podkreślenie ma mniejszą wagę niż tekst?

Od „googlowania” odpowiedź to sais że to powinno działać (ale to nie robi):

<span style="text-decoration:underline; font-weight:normal;"> 
    <span style="text-decoration:none; font-weight:bold; font-family:Arial; font-size:16pt;"> 
     Basic Transfer 
    </span> 
</span>

Więc po prostu Podsumowując, duży tekst, cienkie podkreślenie, jak?

Lub bardziej do rzeczy, gdzie się mylę?

Dzięki, R

Źródło

2009-10-21 flavour404

Podkreślony pogrubiony problem wydaje się być spowodowany czcionką Arial. Ale twój przykład/rozwiązanie działa dla mnie (Firefox 18). – Nicolas

Możliwy duplikat [Jak zmienić grubość podkreślenia znacznika "bez ramki"?] (Http://stackoverflow.com/questions/34047471/how-to-change-underline-thickness-of-an-a-tag -z niezamierzoną-granicą) –

Co powiesz na dolną granicę?

<h2 style="border-bottom:1px solid #000;">basic transfer</h2>

Oczywiście nie powinieneś używać inline-css.

Źródło

2009-10-21 01:19:10

Dobre myślenie +1 – spender

Jedynym kłopotem jest to, że podkreślenie "obramowania" jest trochę za niskie, czy jest jakiś sposób, aby rozwiązać ten problem? – flavour404

Eh? Dolna wyściółka? Czy możesz pokazać obraz pożądanego rezultatu? Nie znoszę zgadywania, czego chcesz. –

Odpowiedź lekarza jest dobrym ogólnym podejściem, ale bądź ostrożny: dla h2 i innych elementów blokowych użycie granicy do symulacji podkreślenia nie będzie działać. Jeśli tekst jest zawijany, podkreślona zostanie tylko dolna krawędź obwiedni. Nawet jeśli nie, granica rozszerzy się na prawo od końca tekstu. Musisz zawinąć tekst w przęśle i nadać mu styl.

<h2><span style="border-bottom:1px solid #000;">basic transfer</span></h2>

Źródło

2009-10-21 01:38:46

Opracowałem to. :)

Jeśli używasz łącza wewnątrz li można wówczas korzystać z tego typu CSS:

HTML:

<li><a href="#">Inspiration</a></li>

CSS:

#theMenu li{ 
    font-weight: 100; 
    text-decoration: underline; 
    color: red; 
    font-size: 0.94em; 
} 

#theMenu a{ 
    text-decoration: none; 
    font-weight: bold; 
}

To sprawi linię pod cienkim linkiem, a sam tekst łącza pogrubiony.

Źródło

2012-01-06 22:37:19 Alisso

CSS podkreślony tekst, w którym podkreślenie ma mniejszą wagę niż tekst?

Odpowiedz

Powiązane problemy