下面是实现CSS内凹效果rem的代码：
.btn {
background-color: #fff;
border: 1px solid #ccc;
padding: 0.3rem 1rem;
border-radius: 0.2rem;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.25);
}上述代码中，btn类是指定需要添加内凹效果的元素。设置元素的内边距为0.3rem和1rem，同时设置了1px的边框和0.2rem圆角，实现了基本的按钮样式。
box-shadow属性是实现内凹效果的关键。inset关键字表示阴影在元素内部，0 1px 1px定义了一个一像素高的内边框，rgba(0,0,0,.075)设置了边框的颜色和透明度。0 0 8px定义了一个半径为8px的阴影，rgba(0,0,0,.25)设置了阴影的颜色和透明度。
在使用rem作为单位时，可以通过设置根元素的字体大小来实现响应式布局。例如，设置根元素的字体大小为16px，将元素的内边距设置为0.3rem和1rem，实际上相当于0.3 * 16px = 4.8px和1 * 16px = 16px。这样设置可以使元素在不同屏幕尺寸下保持相同的样式效果。
CSS内凹效果rem实现简单，效果醒目，是一种常用的界面设计效果。通过掌握相关技术，可以实现复杂的界面设计需求，提升网站或应用的用户体验。