将线转换为特定的键盘字符

时间:2016-07-08 03:53:13

标签: html css

我有这段代码

   <tr>
     <td width="100%" bgcolor="#96002D" height="3" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
     </tr>

这只是一行,但我想替换“/”字符的行,所以我得到类似的东西:

/////////////////////////////////////////////// ////////////////////////////////////////////////// //////////////////////////////////////////////

我该怎么做?

我试试这些:

  <tr>
   <td align="center">////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////</td>
                </tr>

但我认为它可能更有用

1 个答案:

答案 0 :(得分:0)

没有办法完全按照自己的意愿行事,但这里有3种可能对您有帮助的选择。

<强> 1。看起来会有所不同,但最简单的选择

border: 3px solid dashed;中的

<td>

<强> 2。你在追求什么,但有点黑客

<td>设置为 overflow: hidden;  并在其中添加一个 <p style="white-space:nowrap;>///</p> {有足够的&#39; /&#39; s它总是会超过<td>的宽度。

第3。也接近你所追求的,但你需要创建一个&#39; /&#39;的.png图像。字符

添加&{39; /&#39;的background-image将字符设为<td>的.png并设置background-repeat: repeat-y;