CSS贯穿文字中部的横线
分类:实例代码
CSS贯穿文字中部的横线属于前端实例代码,有关更多实例代码大家可以查看。
本章节介绍一下如何实现贯穿文字中部的横划线效果,其实也是大家常见的删除线效果。
如下图所示:
下面就通过代码实例介绍一下如何实现此效果。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style type="text/css"> .antzone{ width:500px; margin:0px auto; text-decoration:line-through; } </style> </head> <body> <div class="antzone">前端教程网欢迎您,只有努力奋斗才会有美好的未来。</div> </body> </html>
只要使用如下代码即可实现要求:
text-decoration:line-through;
CSS贯穿文字中部的横线,这样的场景在实际项目中还是用的比较多的,关于CSS贯穿文字中部的横线就介绍到这了。