我是一名后端开发人员，我的设计技能无疑非常薄弱。有一个我非常喜欢的 CSS 背景效果，我想知道是否有人可以给我一个关于如何实现它的一般想法？如果您查看诸如sourcebits.com或youtube.com之类的网站，则背景看起来有点灰色，并且具有几乎像一张高质量文具的纹理。他们是如何实现这种效果的？
谢谢。
问问题
4940 次
4 回答
1
SourceBits 使用的 CSS：
body {
background: #8D9698 url('../images/body-by-bg.jpg') repeat fixed 0 0;
}
SourceBits后台链接： http: //www.sourcebits.com/images/body-by-bg.jpg
YouTube 使用的 CSS：
body {
background: no-repeat url(//s.ytimg.com/yt/imgbin/www-refreshbg-vflC3wnbM.png) 0 0;
background-color: #EBEBEB;
background-repeat: repeat;
}
YouTube后台链接： http ://s.ytimg.com/yt/imgbin/www-refreshbg-vflC3wnbM.png
于 2012-09-11T20:40:44.337 回答
0
他们可以使用平铺的小图形。通常，该小图形为 10x10 像素或更小，并包含背景颜色（在 YouTube 的情况下为灰色）和一些比背景颜色稍暗的点。平铺时，这会产生阴影效果。
Whups，@Anne 在我完成之前得到了答案！她还包含了您需要的确切代码。但是，是的，现在您知道了代码，并且您已经得到了答案的“为什么”:)
于 2012-09-11T20:41:42.433 回答
0
不是您的问题的答案，但这在您进行前端编码时可能会对您有很大帮助：您是否尝试过使用 Chrome 的调试器工具？还是萤火虫？这将让您看到 HTML，以及应用到它的任何 CSS 样式定义。它比查看源代码要快得多，如果前端不是您的家乡，则特别有用，因为它向您显示了适用于该特定元素的 CSS 规则 - 背景、字体、您有什么。
于 2012-09-11T20:50:27.287 回答
-2
他们使用图片，每个角落和侧面都需要一张
于 2012-09-11T20:40:54.163 回答