大家都懂得，在自然界中，所有物体都有受光部分与背光部分，同时也明白，这并非简单的白与黑的两种对比。科学研究表明，存在于空间中的所有物体，在光照下会自然而然形成三个最主要的面，如此就产生了立体感。比如圆球，如果从侧面照射，受光的那一部分与背光的那一部分都不是单纯地表现为黑色和白色。对于背光部分，受自然反光，就这样形成反光面。故而，在如此情况下，会看到球的表面受光的那一块属于亮面，背光的那一块属于暗面，我们都知道这被称为明暗交界线，再将球转过来，就变成了背光部分上的反一光面。如此基本组成，显示出球是在有光线影响的空间之中表现出球体的立体感觉来。掌握了这些原理，我们就明白，网站设计的立体感可用光的立体效果来体现。

大家都知道一句格言叫”细节决定成败”，网站设计同样如此。因为我们目光、感觉极为敏锐，哪怕是很不了解网站设计的人也可以从一堆非常差的设计作品当中挑选出一个相对优秀的作品。有可能他讲不出为什么这件东西比那些都好，但是直觉就让他知道了哪一个要好一些。假如别人问为什么这个作品要比其他的好？回答往往是：好的设计作品总是充满着丰富的细节。这给我很多启发，在这里，我以衬线运用细节为例来阐释在网页设计中如何让作品变得优秀。

1像素的衬线的巧妙运用。在实践中，网站设计的时候使用到衬线的例子是比较多的，一般在黑边框的顶部向下方1个像素的位置，我们会插入一条灰色的衬线。使用衬线能够体现物体在2D效果之下的立体感觉，要体现立体感离不开阴影和高光。网站设计师通常可使用图层样式来实现阴影，要实现高光效果，最重要的技巧就是运用衬线。上面两个例子的衬线都在物体的上部，很明确光线的照射是从上向下，高光部分处于顶部。反过来，假如光从下向上照，高光则位于底部，衬线应放在下方。故而衬线使用要明确几个问题，“如果在此使用衬线，光源位置在哪？”“假如光源在此，阴影位置在哪？”明白了这两个问题，才能设计出有真实感觉的立体感。

如果从比较范围比较大的自然界来说，物体都应该是存在而受光部分，以及背光部分的，可这些不是单纯的黑，以及白的两种对比。存在于空间里面的物体当受到光的照射的时候，其会自然的形成三个主要的面。如此就形成了立体的感觉。我们以圆球来举例子，当光从侧面照射过来的时候，其受光部分，以及背光部分是不会表示出绝对的黑，或者是绝对的白的。背光的部分因为受到自然环境里面各方面的反光，也就形成了反光的面。因此，在这样的条件下，我们就可以看到球的表面受光部分是亮的，而与其紧接着的背光部分却是暗的。我们将其称为明暗交界线。将其再转过来之后，就是球的背光部分的反光面了。有了这样的基本组成 ，才能体现出球是在光线所影响的空间里面的，也就将球的立体感给表现出来了。