我現在在做一個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;
}
這個問題在我工作中很常見,百度搜的這種方法感覺還不錯,很實用