CSS條形背景有很多不同的實現(xiàn)方法，本文將介紹其中兩種實現(xiàn)方法。

方法一：使用線性漸變

使用CSS的線性漸變功能可以很容易地實現(xiàn)條形背景效果。代碼如下：

background: linear-gradient(to right, #007bff, #007bff 50%, #f8f9fa 50%);

其中，to right表示漸變方向為從左往右；#007bff表示左半部分的顏色為藍(lán)色；#f8f9fa表示右半部分的顏色為灰色；50%表示兩種顏色交界的位置。

方法二：使用偽元素

使用CSS的偽元素:before或:after，結(jié)合border屬性可以實現(xiàn)條形背景。代碼如下：

background: #f8f9fa;
position: relative;
border-top: 10px solid #007bff;
border-bottom: 10px solid #007bff;

其中，background表示背景色為灰色；position: relative使得偽元素可以參照其父元素并居中；border-top和border-bottom表示上下兩條邊的顏色為藍(lán)色，并且邊框?qū)挾葹?0px。

通過以上兩種方法，可以實現(xiàn)條形背景的效果，具體使用方法可以根據(jù)自身需求靈活運用。