css中1边框像素伪元素

CSS中的伪元素是一种非常有用的工具，可以让我们在不改变HTML结构的情况下增强页面的功能和样式。其中，1像素的边框伪元素也是一种非常实用的技巧。

.border {
  position: relative;
}

.border::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border: 1px solid black;
} 

我们可以给某个元素添加一个class，比如.border，在CSS中为该元素添加伪元素::before，在该伪元素中设置边框的样式和位置，这样就可以在原有元素上生成一个1像素的边框。

如果我们只是单纯的想要给一个元素加边框，那么使用border属性就足够了。但是，如果我们需要在边框的内测区域放置其他元素，那么使用1像素边框伪元素就会变得非常方便。

值得注意的是，使用1像素边框伪元素会增加HTML的复杂度，需要谨慎使用。同时，该技巧也不适用于所有的场景，需要具体问题具体分析，综合考虑使用。