box-shadow的小操作

        

         在开发中可能会遇到这种情况，两个靠在一起的元素，中间会有两个边框，一般遇到这种情况，可能会让其中一个的border-right或border-left为0。

        

         像这样，但是如果要加上交互效果，比如hover改变颜色就会遇到问题。

        

         这种时候可以再右侧元素hover时加上box-shadow: -1px 0 0 0 blue，问题就解决了。

        

        另外可以使用box-shadow: 0 0 0px 1px red;来模拟边框的效果。

        

        关于box-shadow的具体问题可以查看box-shadow - CSS（层叠样式表） | MDN。

        最后附上例子的完整代码。