一行是＆＃34;背景＆＃34;性能

Question

我如何改变这一点：

background-color: #f0f0f0;
background-image: url(../img/file.png);
background-repeat: no-repeat;
background-size: 30px;
background-position: left;

就像这样的事情：

background : blablalbal blalbalalba balblablala

有可能吗？按顺序，看起来怎么样？

Answer 1

有点容易

.foo {
  background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
}

Answer 2

是的，您可以这样写

background：url（“../ img / file.png”）no-repeat scroll left 30px＃f0f0f0;

Answer 3

你必须分两行：

背景：#AAAAAA url（）repeat-x repeat-y attachement position-x position-y;

背景尺寸：30像素;