这个问题百度一下也不少答案，是可以的也，只想做个记录。不知道为啥之前写的没有碰到这个问题，可能也有，但是那个项目要求不严格吧，这次碰到了解决方案是
.q:after{ content: ‘‘; position: absolute; top: 0; left: 0; border: 1px solid #C70009; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; } .q{ position:relative}
这是边框的
content: ‘‘;
position: absolute;
bottom: 0;
background: #000;
width: 100%;
height: 1px;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
这个是下划线的，可以加一个left：0