有时候UI设计的时候文字下方会有一个下划线，所以我们经常用 text-decoration:underline 来设置一个下划线，但是呢，发现这个下划线和文字特么的重合了，来没法设置，只能用别的方法代替了，啪啪啪的写一大堆css
现在宣布： 春天来了: text-underline-offset
这个css可以设置距离文字的距离，百分比，还有一个注意点就是一定要和 text-decoration:underline 一起使用，否则不起作用，下面看一个例子
html
css
1、打开html开发工具并创建一个html文件。
2、在html页面上找到<body>标记，键入<body>标记，并用<a>标记覆盖内容。
3、修改<a>标签的内容，将颜色设置为蓝色。
4、将鼠标设置为在<a>标签上滑动，字体下方将变为红色下划线：a：hover {color：red}。
