在CSS中，可以使用媒体查询（Media Queries）来根据屏幕分辨率输出不同的样式。下面是一个简单的例子，演示如何根据屏幕宽度改变元素的颜色：

/* 默认样式 */
.element {
  background-color: blue;
}
 
/* 当屏幕宽度在600px及以下时 */
@media screen and (max-width: 600px) {
  .element {
    background-color: red;
  }
}
 
/* 当屏幕宽度在800px及以下时 */
@media screen and (max-width: 800px) {
  .element {
    background-color: green;
  }
}

在上面的代码中，.element 类在不同屏幕宽度下有不同的背景色。当屏幕宽度小于或等于600px时，背景色变为红色；当屏幕宽度小于或等于800px时，背景色变为绿色。

提示：AI自动生成，仅供参考