<div class="container">边框效果</div>
HTML
格式化
支持Emmet，输入 p 后按 Tab键试试吧！
<head> ... </head>
<body>
</body>
body {
height: 100vh;
background: #212529;
display: grid;
place-content: center;
}
.container {
color: #fff;
/*
从上到下渐变
中间不透明
随着它逐渐消失，它看起来会变薄
*/
border-image:
linear-gradient(transparent,
#42631b,
transparent) 1 / 4px;
font-size: 14vw;
font-weight: bolder;
padding-inline: 0.5ch;
}