在css中，可以使用box-shadow属性来添加投影效果。以下是一个示例：
.box {
box-shadow: 2px 2px 2px #888888;
}在这个示例中，2px是水平偏移量、2px是垂直偏移量、2px是模糊半径（实现模糊效果）、#888888是阴影的颜色。通过调整这些值，可以创建出各种不同的投影效果。
除了投影效果，边框效果也是一种常见的光照效果。可以使用border属性来创建边框效果。以下是一个示例：
.box {
border: 1px solid #888888;
}在这个示例中，1px表示边框宽度、#888888表示边框颜色。通过设置不同的宽度和颜色，可以创建出不同样式的边框效果。
最后，阴影效果也是一种常用的光照效果。可以使用text-shadow属性来给文本添加阴影效果。以下是一个示例：
h1 {
text-shadow: 2px 2px 2px #888888;
}在这个示例中，2px是水平偏移量、2px是垂直偏移量、2px是模糊半径、#888888是阴影颜色。通过调整这些值，可以创建出不同样式的文本阴影效果。
总之，css光照效果是一种实现立体感和提高可读性的非常有用的技术。掌握这些技术可以让你的web页面更加引人注目和精致。