用 CSS3 用白点绘制背景

Question

我知道可以仅使用 CSS 绘制 this 背景（因此无需使用图像文件）。我很好奇我该怎么做。我在网上找到了很多关于制作渐变等 CSS3 的信息，但我从来没有找到任何指南来解释如何创建比 [=17= 中的这张图片作为背景更高级的东西].关于如何开始的任何想法？

Answer 1

不是我的 fiddle，但我发现了这个：http://jsfiddle.net/leaverou/RtGsM/

body {
    background:
        -moz-radial-gradient(white 15%, transparent 16%),
        -moz-radial-gradient(white 15%, transparent 16%),
        black;
    background:
    -webkit-radial-gradient(white 15%, transparent 16%),
    -webkit-radial-gradient(white 15%, transparent 16%),
    black;
background-position: 0 0, 80px 80px;

-webkit-background-size:160px 160px;
-moz-background-size:160px 160px;
background-size:160px 160px;
}

用 CSS3 用白点绘制背景

Draw background with white dots with CSS3

css

css-shapes