首页前端开发JavaScripthtml如何设置删除线

html如何设置删除线

时间2024-01-29 13:34:02发布访客分类JavaScript浏览285
导读:收集整理的这篇文章主要介绍了html如何设置删除线,觉得挺不错的,现在分享给大家,也给大家做个参考。方法:1、使用“text-decoration”属性规定添加文本的修饰(如下划线、删除线等),语法“text-decoration:line...
收集整理的这篇文章主要介绍了html如何设置删除线,觉得挺不错的,现在分享给大家,也给大家做个参考。

方法:1、使用“text-decoration”属性规定添加文本的修饰(如下划线、删除线等),语法“text-decoration:line-through”;2、使用del标签定义文档中已被删除的文本,语法“del> 文字/del> ”。

本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。

先来看一下text-decoration

text-decoration通常我们用于给链接修改装饰效果(注意: 这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。

描述

none

默认。定义标准的文本。

underline

定义文本下的一条线。下划线 也是我们链接自带的

overline

定义文本上的一条线。

line-through

定义穿过文本下的一条线。

也可以用del> /del> 来实现删除线

下面展示一下代码(防止搞混,overline也测试了,描述不清会以为可以实现删除线)

效果

推荐学习:html视频课程

以上就是html如何设置删除线的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: html如何清除缓存下一篇:如何设置html字体大小猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: html如何设置删除线
本文地址: https://pptw.com/jishu/591146.html
html如何清除缓存 html如何引入js文件

游客 回复需填写必要信息