Ankrajlar (bağlantılar) için alt çizgi nasıl kaldırılır?

Sayfada tanıtılan metin ve bağlantıların altını çizmemek için yine de (CSS'de) var mı?

CSS kullanın. bu, alt çizgileri ave uöğeleri kaldırır :

a, u {
    text-decoration: none;
}

Bazen öğeler için diğer stilleri geçersiz kılmanız gerekir, bu durumda !importantkuralınızı değiştiriciyi kullanabilirsiniz :

a {
    text-decoration: none !important;
}

Css olduğunu

text-decoration: none;

ve

text-decoration: underline;

Bu, renginizin yanı sıra bağlantı etiketinin var olduğu alt çizgiyi de kaldırır

 a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }

En basit seçenek şudur:

<a style="text-decoration: none">No underline</a>

Elbette, özellikle aetiketleri her yerde kullanırken CSS'yi HTML (yani satır içi CSS) ile karıştırmak iyi bir fikir değildir .
Bu yüzden bunu bir stil sayfasına eklemek iyi bir fikirdir:

a {
    text-decoration: none;
}

Veya bir JS dosyasındaki bu kod bile:

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

Kaldırmak için CSS kullanın text-decoration.

a {
    text-decoration: none;
}

Yalnızca alt çizgiyi yalnızca bağlantı bağlantısından kaldırmak istiyorsanız sizin için en iyi seçenek.

    #content a{
                text-decoration-line:none;
                }

Bu alt çizgiyi kaldıracaktır.

Ayrıca, diğer stilleri değiştirmek için de benzer sözdizimini kullanabilirsiniz.

                text-decoration: none;
                text-decoration-color: blue;
                text-decoration-skip: spaces;
                text-decoration-style: dotted;

Bu yardımcı olur umarım!

PS- Bu benim ilk cevabım!

benim durumumda çapa tarafından fareyle üzerine gelme etkisi hakkında bir kural vardı, şöyle:

#content a:hover{
border-bottom: 1px solid #333;
}

Tabii ki, text-decoration:none;bu durumda yardımcı olamazdı. Ve öğrenene kadar çok zaman harcıyorum.

Yani: Bir alt çizgi, bir sınır alt ile karıştırılmamalıdır.

Bazen bazı oluşturma kullanıcı arayüzü CSS tarafından geçersiz kılınır. Kullanımı daha iyi:

a.className {
    text-decoration: none !important;
}

Soruna başka bir bakış açısı sağlamak için (orijinal gönderinin başlığından / içeriğinden çıkarıldığı gibi):

HTML'nizde hileli alt çizgiler oluşturanları izlemek istiyorsanız, bir hata ayıklama aracı kullanın. Seçim yapabileceğiniz çok şey var:

Firefox için FireBug var;

Opera için Dragonfly (Araçlar-> Gelişmiş menüsünde "Geliştirici araçları" denir; varsayılan olarak Opera ile birlikte gelir);

IE için, IE7 ve aşağısı için ayrı bir indirme olan ve IE8'e entegre edilen (Internet Explorer F12) "Internet Explorer Geliştirici Araç Çubuğu" vardır.

Safari, Chrome ve diğer azınlık tarayıcıları hakkında hiçbir fikrim yok, ancak muhtemelen yine de makinenizde yukarıdaki üçten en az birine sahip olmalısınız.

Bir tutturma etiketini, eklenmiş stil olmadan bir bağlantı olarak kullanmak istediğinizde (fareyle üzerine gelindiğinde alt çizgi veya mavi renk gibi) class="no-style"tutturma etiketine ekleyin . Ardından global stil sayfanızda "no-style" sınıfını oluşturun.

.no-style { text-decoration: none !important; }

Bunun iki avantajı vardır.

1. Tüm bağlantı etiketlerini etkilemez, yalnızca "stil olmayan" sınıfı eklenmiş olanları etkilemez.
2. Metin süslemenin hiç ayarlanmamasını engelleyebilecek diğer stilleri geçersiz kılar.

Bağlantı etiketini kullanarak stil sayfalarını eklemeyi unutmayın

http://www.w3schools.com/TAGS/tag_link.asp

Veya CSS'yi web sayfanızdaki bir stil etiketine yerleştirin.

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

Alt çizgi bağlantıları dışında bir şey üzerinde kullanmanızı tavsiye etmem, alt çizgi genellikle tıklanabilir bir şey olarak kabul edilir. Tıklanabilir değilse, altını çizmeyin.

CSS ile ilgili temel bilgiler w3schools'tan alınabilir

<u>

kullanımdan kaldırılmış bir etikettir.

Kullanım ...

<span class="underline">My text</span>

içeren bir CSS dosyası ile ...

span.underline
{
    text-decoration: underline;
}  

ya da sadece...

<span style="text-decoration:underline">My Text</span>

Css özelliğini kullan,

text-decoration:none;

Bağlantıdan alt çizgiyi kaldırmak için.

Alt çizgi, metin süslemesi adı verilen bir CSS özelliği tarafından kaldırılabilir.

<style>
a{
text-decoration:none;
}
</style>

Eğer başka unsurların metin hediyesi için alt çizgiyi kaldırmak istiyorsanız bir , aşağıdaki sözdizimi kullanılmalıdır.

<style>
element-name{
text-decoration:none;
}
</style>

Bağlantıları tasarlamanıza yardımcı olabilecek başka birçok metin süsleme değeri vardır.

Web baskıda bu sorundan rahatsız oldum ve çözdüm. Doğrulanmış sonuç.

a {
    text-decoration: none !important;
}

İşe yarıyor!.