# 自定义文字下划线
背景知识： linear-gradient (opens new window), text-shadow (opens new window), text-decoration (opens new window)
通过text-decoration: underline实现的下划线存在很多问题，比如无法控制位置、无法实现避让（text-decoration-skip浏览器几乎都不支持）、更重要的是无法满足强迫症患者的需求，并且不同语言有不同的对齐习惯，中文以中心对齐，英文以基线对齐，所以建议通过自定义来实现下划线。
box-shadow模拟下划线效果
伪元素
after模拟下划线效果
linear-gradient模拟下划线效果
linear-gradient+text-shadow模拟solid型下划线效果
linear-gradient+text-shadow模拟dashed型下划线效果
linear-gradient+text-shadow模拟wavy型下划线效果
text-decoration: underline wavy #34495e实现wavy型下划线效果
缺点：text-decoration: underline wavy #34495e几乎没有得到浏览器支持，并且波浪线大小无法单独控制。