当我将鼠标悬停在一个HTML元素中时，很容易使这个样式边框

-1

帮我创建这种样式的悬停CSS。谢谢大家！当我将鼠标悬停在一个HTML元素中时，很容易使这个样式边框

2017-10-14 Trung Vu Huu

欢迎来到StackOverflow！你可以添加一些你的代码吗？你试过了吗？谢谢！ –

对不起，我是noob，所以我不知道这个:( –

它预计你至少试图为自己编码。Stack Overflow不是一个代码写作服务。我建议你做一些[**额外研究**]（http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users），可以通过Google或搜索所以，如果你仍然有问题，请回复**你的代码**并解释你所尝试过的内容。 –

您将需要使用两个div重叠，一个涵盖了其他，但有圆角，以显示较低的div的边界：

working example

#div1{ 
 
     position:absolute; 
 
     top:9px; 
 
     left:9px; 
 
     height:100px; 
 
     width:100px; 
 
     background-color:white; 
 
    
 
    } 
 
    
 
    #div1:hover{ 
 
     border:1px solid black; 
 
    } 
 
    
 
    #div2 { 
 
     position:relative; 
 
     top:-1px; 
 
     left:-1px; 
 
     height:102px; 
 
     width:102px; 
 
     background-color:white; 
 
     border-radius: 15px; 
 
    }

<div id="div1"/> 
 
<div id="div2"/>

来源

2017-10-14 08:00:18 Dale

你能写html代码吗？谢谢 –

@TrungVuHuu更新回答包含html – Dale

当我将鼠标悬停在一个HTML元素中时，很容易使这个样式边框

回答

相关问题