如何使这个模式成为背景图像?

时间:2012-02-14 14:12:10

标签: css

我有这种模式

http://i.imgur.com/O99Vw.png

在PSD的大部分内容中,你如何将这种模式设置为HTML页面上的背景。我不应该把位图片对吗? 此外,我试图削减和平并重复它,但它不匹配,它看起来很糟糕,它是扭曲的

5 个答案:

答案 0 :(得分:2)

试试这个:

background

我刚从您发送的图片中剪下一个正方形,看起来很好IMO。

答案 1 :(得分:1)

由于我们不了解您所拥有的模式,因此这里有一些建议。

如果网站仅支持现代浏览器,则可以使用CSS3模式。 如果它的图案确定你可以从它切割一小块&可以重复。

某些链接可能会有所帮助
http://lea.verou.me/css3patterns/
http://www.patternify.com/
http://subtlepatterns.com/
http://24ways.org/2011/css3-patterns-explained
http://bgpatterns.com/

答案 2 :(得分:1)

如果您被允许使用CSS3,请查看此链接http://lea.verou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/。这将为您提供所需的效果。

答案 3 :(得分:0)

答案 4 :(得分:0)

检查这个:: patternify.com

我使用这个工具制作一张类似于你的bg图像,实际上很容易n__n