0

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

在此处输入图像描述

我在谷歌上搜索了一个小时的 CSS，但没有。

是否完成：

  1. css3?
  2. 带有重复-x 的背景图像？

感谢您的任何帮助！

4

6 回答 6

2

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

你可以通过重复图像来做到这一点

于 2012-10-19T09:49:18.267 回答
0

应该没什么大不了的。只需给内联元素一个合适的背景图像。一个或一个与您的最大线长一样长的平铺。

于 2012-10-19T09:53:32.200 回答
0

试试这个：

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

<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>
于 2012-10-19T09:53:46.913 回答
0

<mark>与HTML5 中的标签非常相似。

于 2012-10-19T09:55:47.293 回答
0

您可以将文本包含在 <span> 中，该文本在您的设计示例中突出显示。背景图案不同，因此您为四个 span 元素使用 4 张图像，以这种方式进行样式设置。

于 2012-10-19T10:01:39.057 回答
0

你的问题对我来说不是很清楚。

但如果你使用这个，可能会解决你的问题

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

Your <span class="highlight">text goes</span> here.
于 2012-10-19T10:12:44.290 回答