I need to remove this circular border that the background-color I inserted is leaving around the icon, does anyone know how to do?

Asked

Viewed 47 times

-3

HTML:

        <div class="contato">
            <a target="blank" href=""><img src="/icones/instagram.png" alt=""></a>
            <a target="blank" href=""><img src="/icones/whatsapp.png" alt=""></a>
        </div>

CSS:

.contato{

    border: 1px solid white;
}

.contato a{

    width: 40px;
    border-radius: 20px;
}

.contato img{

    width: 40px;
    border-radius: 20px;
    margin-left: 10px;
    background: #E87051;
    background: linear-gradient(90deg, rgba(226,83,82,1) 0%, rgba(232,112,81,1) 50%, rgba(246,150,63,1) 100%);

}

inserir a descrição da imagem aqui

html css html5 css3 front-end

  • My how you want to use a background in a <img tag>?

1 answer

0

I suggest you remove this line of codic

background: linear-gradient(90deg, rgba(226,83,82,1) 0%, rgba(232,112,81,1) 50%, rgba(246,150,63,1) 100%);

As it is an img tag does not need background ...

Browser other questions tagged html css html5 css3 front-end

You are not signed in. Login or sign up in order to post.