Question

我希望在浏览器窗口中使用单个字符填充浏览器窗口。

类似问题的最接近答案包含在这个jsfiddle中：

CSS：

line{
    border-bottom:1px dotted black;
    position:relative;
    height:16px;
}

.line span{
    display:inline-block;
    position:relative;
    background:white;
    bottom:-2px;
    height:100%;
    padding:0 5px;
}
.line .price{
    position:absolute;
    right:0;
}

HTML：

＆LT;

div class="line">
    <span class="title">name</span>
    <span class="price">123.23$</span>
</div>
<div class="line">
    <span class="title">name</span>
    <span class="price">123.23$</span>
</div>
http://jsfiddle.net/bKuVe/

我如何交换字符（m）的虚线？

谢谢！

Answer 1

要删除虚线，您只需删除CSS中的代码

line{
    border-bottom:1px dotted black; <--remove this part of the code
    position:relative;
    height:16px;
}

Answer 2

如果你想让一个字符串作为整个页面的背景，只需创建一个带有字符的图像，大小取决于你希望它看起来有多大/小。

然后用图像m.jpg

做

Css
html{
  background-image: url("path/to/m.jpg");
  background-repeat: repeat;
}

如何重复一个字符（m）来填充浏览器窗口

2 个答案: