css - 如何实现 "paper-like"背景效果?

标签 css photoshop

<分区>


想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。

关闭 10 年前

我是一名后端开发人员,我的设计能力确实很薄弱。有一个我非常喜欢的 CSS 背景效果,我想知道是否有人可以给我一个关于如何实现它的大概想法?如果您查看类似 sourcebits.com 的网站或 youtube.com , 背景看起来有点灰色,纹理几乎像一张高质量的文具。他们是如何实现这种效果的?

谢谢。

最佳答案

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

关于css - 如何实现 "paper-like"背景效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12377550/

上一篇:html - 为什么菜单出现在 Chrome 和 FireFox 中,而 IE 中没有?

下一篇:css - 如何在 CSS 中选择一个 <a> 标签,该标签后面有一个同级 <ul> 标签?

相关文章:

javascript - 在 Photoshop 中加载图像文件并将其放置在特定位置

ios - PSD 像素到 ios 点

ios - 如何从设计为 1242px x 2208px 的 PSD 中剪切 iOS8 资源

html - Bootstrap 3 导航栏在 font awesome 移动 View 后不显示所有细节

html - 删除表单周围的蓝色选择栏

CSS 下拉菜单不应用 Z-Index

php - Wordpress 如何告诉我的 css 版本

photoshop - 是否可以从另一个 Photoshop 文件中引用一个 Photoshop 文件或图层合成?

php - 如何阻止 Image Magick stripImage() 删除分辨率数据

javascript - 如何为我的分页添加格式