repeat這個值是重復的意思用於background裏面的
標準寫法：
background-repeat:?repeat-x?||?repeat-y?||?none?顧名思義這三個的意思是
1、repeat-x：意思是說在x軸方向重復出現也就是橫坐標重復填充滿背景。
2、repeat-y：這就是在y軸方向重復出現也就是縱坐標重復填充滿背景。
3、none：不重復背景。
4、默認值不寫的時候是同時重復出現在x軸和y軸
縮略寫法：
background:url()?position?repeat?color;
背景屬性：
background-image：背景圖片的路徑
background-position：背景圖片的定位
background-repeat：背景重復
background-color：背景顏色
background-clip：背景繪制區域
background-origin：背景定位區域
background-size：背景圖片的尺寸
問題解答
按上圖的意思有兩種解決方法
1、可以用border（邊框）來實現這壹效果，代碼如下：
html<div?class="border">
<h1>Titel_01</h1>
<span>test01,test02</span>
</div>css
*?{?margin:0;?padding:0;}
h1?{?font-size:12px;?font-weight:normal;}
.border?{?border-left:2px?solid?#ff9a2e;?padding-left:8px;}
2、可以用background（背景）來實現這壹效果，代碼如下：
html<div?class="border">
<h1>Titel_01</h1>
<span>test01,test02</span>
</div>css?
*?{?margin:0;?padding:0;}
h1?{?font-size:12px;?font-weight:normal;}
.border?{?background:url(../images/shutiao.gif)?0?3px?repeat-y;}