• 技术文章 >web前端 >html教程

    html怎么添加字体删除线

    青灯夜游青灯夜游2021-12-10 15:41:30原创1016

    html添加字体删除线的方法:1、用“<s>”标签,语法“<s>删除线文本</s>”;2、用“<del>”标签,语法“<del>删除线文本</del>”;3、给文本元素添加“text-decoration:line-through;”样式。

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

    html添加字体删除线

    1、用“<s>”标签

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    
    	<body>
    		正常文本<br /><br />
    		<s>删除线文本</s>
    	</body>
    </html>

    1.png

    2、用“<del>”标签

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    
    	<body>
    		正常文本<br /><br />
    		<del>删除线文本</del>
    	</body>
    </html>

    2.png

    3、给文本元素添加“text-decoration:line-through;”样式

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    	</head>
    
    	<body>
    		正常文本<br /><br />
    		<span style="text-decoration: line-through;">删除线文本</span>
    	</body>
    </html>

    3.png

    text-decoration 属性规定添加到文本的修饰(下划线、上划线、删除线等);当属性值设置为“line-through”时即可定义穿过文本下的一条线。

    推荐教程:《html视频教程

    以上就是html怎么添加字体删除线的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html 字体删除线
    上一篇:html怎么设置网页颜色 下一篇:html怎么设置input只能输入数字
    Web大前端开发直播班

    相关文章推荐

    • 网页里段落的html标签是什么• html5是软件吗• html可视化编辑器有哪些• html5标签details怎么用• html怎么将表格边框隐藏

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网