文本css背景，如果它是手工完成的

Question

我想用css来设置html样式，如下图所示：

我正在谷歌搜索一小时的css，但那没什么。

是否完成：

1. CSS3？
2. 背景图片，带有repeat-x？

谢谢你的帮助！

Answer 1

它看起来像是用作背景的图像

你可以通过重复图像

来做到这一点

Answer 2

应该没什么大不了的。只需为内联元素提供合适的背景图像。只要你的最大线长，一个或一个平铺。

Answer 3

试试这个：

步骤：将文本放在您想要应用背景的范围中

<span class="bgColor">Your text is here </span>

<style>
.bgColor {
    display: inline;
    font: bold 14px/18px arial;
    color: #fff;
    background: #000;
    padding: 1px 0 1px 0;
    white-space: pre-line; /* Not understood by IE, use manual br for IE */
  }
</style>

Answer 4

非常类似于HTML5中的<mark>标记。

Answer 5

您可以将文字括在＆lt; span＆gt;中在您的设计示例中突出显示的那个。 背景图案是不同的，因此您使用4个图像作为四个span元素，以这种方式进行样式。

Answer 6

我的问题不是那么清楚。

但如果您使用此功能，可以解决您的问题

<style type="text/css">
.highlight { background-color:#c9e665 !important; }
</style>

Your <span class="highlight">text goes</span> here.