空闲占位符X css实现
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
#root {
width: 100px;
height: 45px;
background-color: #eeeeee;
position: relative;
}
#root::after, #root::before {
position: absolute;
content: " ";
width: 101%;
height: 3px;
top: 20px;
background-color: #999999;
}
#root::after {
transform: rotate(21deg);
}
#root::before {
transform: rotate(-21deg);
}
</style>
</head>
<body>
<div id="root"></div>
</body>
</html>
效果如下图: