html中页面文字下怎么加横线

这就是坑，别用内联样式，影响SEO和页面加载速度。

改用外部CSS或内部样式表，代码如下：

文字

HTML怎么设置文字下划线_HTML文字下划线的CSStextDecoration属性用法

哟，跟你说个事儿啊。
前年我在帮朋友改一个网站的时候，就遇到过文字下划线这事儿。

你想啊，以前老办法，直接在HTML里用标签，你看我当年写的笔记，还在那呢。

这段文字下面有虚线
结果朋友说，哎，这不行啊，语义不清，搜索引擎搞不懂这是强调还是啥，还不利于屏幕阅读器，对吧？后来我就改成CSS了。

现在都是用CSS，简单明了。
最常用的就是text-decoration: underline;。
你看我这儿，随便写个.underline-text：
css .underline-text { text-decoration: underline; }
然后在HTML里这么用：
这段文字有下划线
这就行，清晰，还能控制。
你要是觉得默认的链接（标签）没啥样式，带个下划线不好看，你就直接给a标签加个CSS：
css a { text-decoration: none; }
然后想链接鼠标放上去有下划线，再加个:hover：
css a:hover { text-decoration: underline; }
就这么简单。
我去年给一个客户做网站，他要求文章里的关键词都要加下划线，我就弄了个.keyword类：
css .keyword { text-decoration: underline; }
然后在文章里，把关键词都套上这个类就行。
比到处找标签方便多了。

你要是搞复杂点，想加删除线啊，上划线啊，这个text-decoration属性也能干。
比如删除线：
css .deleted-text { text-decoration: line-through; }
或者你想同时加个下划线和删除线，直接写：
css .combined-text { text-decoration: underline line-through; }
就这么搞。
不过要注意，优先级这事儿得懂。
你要是用了内联样式，比如直接在标签里写style="text-decoration: none;"，那这个样式是最高的，外部CSS不管用。
但一般不推荐这么干，不好维护。

还有就是，别老用标签了，真的，现在都过时了。
我前年改一个老网站，就是改掉了所有标签，改用CSS控制，一气呵成。

哦对了，性能这事儿，你要是给每个字都单独加下划线，那肯定慢。
最好是写个类，统一用。
我去年那个客户，文章里几百个关键词，我全用类控制，快得很。

就这些，简单吧？你要是有具体问题，随时问我。

微信朋友圈怎么发带删除线文字 字体中间加一条横线教程

我记得去年夏天，我在公司的小会议室里教新同事如何发朋友圈。
她看到别人用删除线标记文字，觉得很酷，也想学。
我给她演示了如何用HTML代码，她跟着做了一遍，结果发上去，文字并没有变成删除线。
我告诉她可能是平台的问题，后来我又演示了用文本编辑器的方法，这次她成功了。
等等，我突然想到，是不是因为她的手机型号不同，导致效果不同呢？