css bunu nasıl yaparım?

selamlar, ben bu işlerde biraz yeniyim şuanda bir tema üzerine çalışıyorum ve menü de şöyle birşey yapmak istiyorum


altına çizgi eklemek kolay ama daha basmadan mouseyi üstüne getirincede çizgi gelsin istiyorum nasıl yapabiliirm? ücreli - ücretsiz yardımcı olabilecek varmı?

Hocam wpden yazın yardımcı olayım

hover ile yapabilirsiniz

Hocam pm veya wpden yazın size anydeskten yardım edeyim

hover kullanımını araştırın. Ve mause üzerine geldiğinde ilgili menü elemanının alt çizgisinin değiştirilmesini sağlayın.

a:hover {
border-bottom: 1px solid red;
}

Hocam merhaba. Aşağıdaki örnek kodlar belki işinizi görebilir.

HTML:

<ul>
        <li><a href="#"></a>ANASAYFA</li>
        <li><a href="#"></a>YAZILAR</li>
        <li><a href="#"></a>KATEGORİLER</li>
</ul>

CSS:

        ul {
            list-style: none;
        }

        li {
            background-color: red;
            padding: 10px;
            margin: 0 10px;
            line-height: 40px;
            display: inline-block;
            color: #fff;
            font-weight: bold;
            border-radius: 5px;
            font-size: 13px;
            position: relative;
            cursor: pointer
        }

        li::before {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            background-color: #000;
            left: 0;
        }

        li:hover::before {
            width: 100%;
            transition: 300ms all;
        }