通常为所有 3 个光源使用相等的值来定义灰色阴影
实例代码：
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <style>
6 h1{
7 color:black;
8 width:350px;
9 padding:10px;
10
11 }
12 </style>
13 </head>
14 <body>
15 <h2>输出灰阶实例</h2>
16 <h1 style="background-color:rgb(0,0,0);">rgb(0,0,0)</h1>
17 <h1 style="background-color:rgb(60,60,60);">rgb(60,60,60)</h1>
18 <h1 style="background-color:rgb(120,120,120);">rgb(120,120,120)</h1>
19 <h1 style="background-color:rgb(180,180,180);">rgb(180,180,180)</h1>
20 <h1 style="background-color:rgb(240,240,240);">rgb(240,240,240)</h1>
21 <h1 style="background-color:rgb(255,255,255);">rgb(255,255,255)</h1>
22 <p>通过使用相等的红绿色值，你会得到不同的灰阶。</p>
23 </body>
24 </html>
~
运行效果：
评论