使用css3做0.5px的细线

2019-10-11  本文已影响0人  Wo信你个鬼

使用缩放

html代码

<div class="bd-t"></div>

css代码:

.bd-t{
  position:relative;
}

.bd-t:after{
  content: "  ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  /* 如果不用 background-color, 使用 border-top:1px solid #e0e0e0; */
  -webkit-transform: scaleY(.5);
  transform:scaleY(.5);
}

网站

[https://blog.csdn.net/tyro_java/article/details/52013531](https://blog.csdn.net/tyro_java/article/details/52013531)
上一篇下一篇

猜你喜欢

热点阅读