如何在CSS边框中设置背景颜色

Question

.click{
    padding: 10px;
    border: 2px solid #e4910c;
    border-radius: 200px;
    transition: background-color 0.1s;
}

a:hover{
background-color: #e4910c;
color: white;
}

I tried to set everywhere in border to #e4910c; But the text has padding. So I only can set text's background color to #e4910c, not everywhere in the border. How to do that? Thank you in advance

Answer 1

I'm not quiet sure about what you want, but let me know if this will suit you:

• using only a instead of two tags (which I understand you are using)

Snipet

 a { padding: 10px; border: 2px solid #e4910c; border-radius: 200px; transition: background-color 0.1s; display:inline-block; /* demo purposes - optional */ color:#e4910c; text-decoration:none; } a:hover { background-color: #e4910c; color: white; } 

 <a href="#">Text link</a>