<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
.wavyText{
position: relative;
}
.wavyText::before{
content: '';
position: absolute;
bottom: -0.13em;
width: 100%;
height: 0.25em;
background:
linear-gradient(135deg , transparent, transparent 45%, #169BD5, transparent 55%, transparent 100%),
linear-gradient(45deg, transparent, transparent 45%, #169BD5, transparent 55%, transparent 100%);
background-size: 0.5em 0.5em;
background-repeat: repeat-x, repeat-x;
left: 0px;
}
</style>
</head>
<body>
<div>
<span>我不是波浪线,</span> <span class="wavyText"> 我是波浪线</span>
</div>
</body>
</html>
效果图: