两个 inline-block
元素并排放置。
.e{border:1px #ccc solid}
.e:hover{border-color:#555}
我希望将它们之间的
1px
+1px
边框减少为共享的1px
边框。为了说明。
---------
| | |
---------
选择第一个元素。
+++++-----
+ + |
+++++-----
选择第二个元素。
-----+++++
| + +
-----+++++
很容易通过将
border-right
或border-left
设置为0
来将2px
边框减少到1px
,但是当选择任一元素时如何保持1px
共享边框呢?不使用JavaScript。