javascript - Comment obtenir l'effet d'afficher une bordure rouge au survol de la souris

Question

Qui a fait cet effet ? C'est ce que j'ai écrit. Use border-right:1px solid #eee;border-bottom:1px solid #eee; ;} lorsque la souris survole Il y a aussi un cadre pixel rouge

淡淡烟草味 · Answer

Il semble que chaque élément n'a que les côtés droit et inférieur ?

Je pense qu'il serait préférable de changer chaque élément pour avoir un côté gauche et un côté inférieur. Que diriez-vous de définir la couleur du côté gauche des éléments adjacents lors du survol ?

Exemple :

*{
    box-sizing:border-box;
}
.wrap{
    width:300px;
    
}
.item{
    width:75px;
    float:left;
    text-align:center;
    border:1px solid #eee;
    border-right-width:0;
}
.item:last-child{
    border-right-width:1px;
}

.item:hover{
    border-left-color:red;
    border-bottom-color:yellow;
}
.item:hover + .item{
    border-left:1px solid yellow;
}
.item:last-child:hover{
    border-right:1px solid yellow;
}


    

        hello
    
    
        hello
    
    
        hello
    
    
        hello

http://runjs.cn/detail/ibxy9qab

仅有的幸福 · Answer

ul li:hover{
  border: 1px solid #ed9639;
}

学习ing · Answer

boîte-ombre

欧阳克 · Answer

Est-il bloqué par le li à gauche ? Celui à l’extrême gauche a-t-il un bord rouge ?

習慣沉默 · Answer

La frontière gauche ne marche pas ?

扔个三星炸死你 · Answer

Est-ce parce que le poids de votre sélecteur est trop petit et est écrasé ?

过去多啦不再A梦 · Answer

Lors du survol, le z-index doit être défini. Plus haut que les autres niveaux pour que vos frontières ne soient pas couvertes

伊谢尔伦 · Answer

Merci pour vos réponses, j'ai trouvé une solution et je la partage avec vous
http://www.jb51.net/css/14548...