最近剛開始學習web前端，html和css,對於遇到的邊框變粗的問題，用margin爲負值解決問題發表一些自己的理解
首先我們來看看下面一張圖片
list-style: none;
border:1px solid black;
width: 200px;
line-height: 2em;
text-align: center;
你會發現中間的線條特別的粗，這個問題該如何解決呢？
這裏就可以用margin -1px(取決你邊框的寬度）來解決。加入這行代碼的樣式，如下圖
下面我們就來分析這就話，對於邊框的top,和left向上和向左移動一個而對於right和bottom它們會把緊跟其後的元素拉過來。
其實每個li都向上和向左在原來的基礎上移動了1px,對於bottom邊框把下方緊隨其後的top邊框拉過來之後，top邊框也要向上移動1px，剛好重合。但是如果改成：margin -10px，如下圖所示。
top邊框被bottom邊框拉過來之後又向上移動了10px;所以出現了這樣的效果。
還有其他的解決方法，就是重合的邊框你可以設置：border-top(bottom或left或right):none;這樣的話也可以取消邊框。
