首页 >

HTML5中划线的几种实现方式(让你的页面更加美观) |html模板版代码下载

HTML5中划线的几种实现方式(让你的页面更加美观) |html模板版代码下载

s标签是HTML中自带的一个标签,可以用来表示删除线。大家只需要在需要添加删除线的文字或者内容外面套上s标签即可。

<s>这是需要添加删除线的内容</s>

2. 使用HTML中的strike标签

strike标签也是HTML中自带的一个标签,同样可以用来表示删除线。使用方式和s标签相似,只需要在需要添加删除线的文字或者内容外面套上strike标签即可。

<strike>这是需要添加删除线的内容</strike>

e-through即可添加删除线。

“`e>

4. 使用CSS中的:before和:after伪元素

:before和:after伪元素是CSS中的两个伪元素,可以用来在元素的前面或者后面添加内容。大家可以使用:before和:after伪元素来实现添加删除线的效果。

“`e>

e:before {tent: “”;

display: block;

width: 100%;

height: 1px;d-color: #000;: absolute;

top: 50%;sformslateY(-50%);

e:after {tent: “”;

display: block;

width: 100%;

height: 1px;d-color: #000;: absolute;

top: 50%;sformslateY(-50%);

以上就是HTML5中划线的几种实现方式,可以根据自己的需求选择合适的方式来添加删除线,让页面更加美观。


HTML5中划线的几种实现方式(让你的页面更加美观) |html模板版代码下载
  • 如何将HTML文件转换为PDF格式 |html hn
  • 如何将HTML文件转换为PDF格式 |html hn | 如何将HTML文件转换为PDF格式 |html hn ...

    HTML5中划线的几种实现方式(让你的页面更加美观) |html模板版代码下载
  • HTML布局设置(初学者必备的HTML布局方法) |html结课总结
  • HTML布局设置(初学者必备的HTML布局方法) |html结课总结 | HTML布局设置(初学者必备的HTML布局方法) |html结课总结 ...

    HTML5中划线的几种实现方式(让你的页面更加美观) |html模板版代码下载
  • 如何使用HTML设置标签隐藏,让页面更加美观 |移除html标签
  • 如何使用HTML设置标签隐藏,让页面更加美观 |移除html标签 | 如何使用HTML设置标签隐藏,让页面更加美观 |移除html标签 ...