如何解決border的重疊問題


我現在在做一個ul列表,然后給每個li加上邊框,但是加完了之后,相鄰列表的邊框就會變成2px,比如第一個li的下邊框和第二個li的上邊框就會重疊在一起,請問這有什么辦法解決一下么?

解決方法是:

試試給li在樣式中指定margin-top:-1px; 這樣兩個邊框就可以重疊在一起了.

新問題:
不過我現在這個li是加了hover的,就是鼠標懸停就會邊框變色,這樣一來,每個變色的只會是上左右三條框,下邊框被蓋住,看不出效果了~~~~ 
li {
border:1px solid #FF0000;
margin-top:-1px;
}
li:hover {
border:1px solid #0000FF;
position:relative;
z-index:2;
}

這個問題在我工作中很常見,百度搜的這種方法感覺還不錯,很實用



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM