文字中间加横线和对文字打叉

By | 2009/10/12
32 Comments

       有时候, 我们要对一些错误的地方重点提示, 一般是在文字中间划杠或打个叉叉, 手写的时候很容易这个做,  但要到在电脑和网页用上, 一时间想不到什么好办法.

      文字中间加横线打杠比较简单, 有个非标的html标签可以用: <strike> 

     <strike>错</strike> 显示就是: 错

    对于打X, 没有想到什么好办法, 可能老外都不可能到一个长长的单词打个叉叉,  没有这样现成的html标签.  但可能通过CSS来实现

    <span>错</span><span style="color:#FF0000; font-size: 16px; font-weight:bold;margin-left:-15px;">X</span>

   显示的结果是: 错X

  

   应用一个X的CSS缩进, 让文字和X重叠在一起,  达到在文字上划X的效果

 

  本面链接: http://www.dengor.com/archives/256.html (转贴请注明出处)

32 thoughts on “文字中间加横线和对文字打叉”

  1. Pingback: 用CSS隐藏文字方法的比较 - 登高望远

  2. 浮萍

    学习了,在文字上打叉真的没有什么好办法, 用CSS缩进不失为一个好办法, 但不怎么好控制位置和大小.

  3. dengor Post author

    @浮萍
    是的, 因为没有专门的html代码在文字上面加个叉叉. 只有用CSS来实现. CSS就要自己调节好位置和大小.把上面的代码修改了一下, X的字号大点, 加粗效果会好点.

Comments are closed.