使用一些文本而不是使用背景填充div

时间:2014-09-08 08:33:30

标签: css css3

是否有可能将文本填充为css3或css4中div的背景?

div{
  background: 'some text' repeat;
}

enter image description here

1 个答案:

答案 0 :(得分:3)

body {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='70px'><text x='0' y='10' background-color='grey' fill='grey' font-size='10'>Some text</text></svg>");
}

没有直接属性,使用SVG就可以实现这一点。

here称为小提琴