本文介绍CSS实现单方向背景色扩展的方法。针对sticky底部因容器padding导致内容穿透的问题，可用border-shape属性通过inset负值外扩背景，但仅Chrome支持。生产环境推荐border-image属性，配合conic-gradient或linear-gradient加fill实现左右和底部扩展，兼容性更好。