html 배경 이미지가 아래쪽으로 늘어나는 문제에 대해
repeat 값은 반복을 의미하며 백그라운드에서 사용됩니다.
표준 쓰기:
background-repeat:?repeat-x?||?repeat- y? ||?none? 이름에서 알 수 있듯이 이 세 가지 의미는
1입니다. Repeat-x: x축 방향으로 반복해서 나타난다는 뜻, 즉 가로축이 배경을 반복적으로 채운다는 뜻입니다.
2. Repeat-y : y축 방향으로 반복하는 것, 즉 세로 좌표를 배경으로 반복적으로 채워 넣는 것입니다.
3. 없음: 배경을 반복하지 않습니다.
4. 기본값을 쓰지 않으면 x축과 y축에 동시에 반복해서 나타납니다
약어:
background:url()?position ?repeat?color;
배경 속성:
배경 이미지: 배경 이미지의 경로
배경 위치: 배경 이미지의 위치
Background-repeat: 배경 반복
Background-color: 배경 색상
Background-clip: 배경 그리기 영역
background-origin: 배경 위치 지정 영역
background-size: 배경 이미지의 크기
질문 답변
다음에 따라 두 가지 해결 방법이 있습니다. 위 그림의 의미
1. 예 이 효과를 얻으려면 테두리를 사용하세요. 코드는 다음과 같습니다: html
Titel_01
test01,test02
*?{? 여백:0;?패딩:0;}
h1?{?font-size:12px;?font-weight:normal;}
.border?{?border-left :2px?solid?#ff9a2e;?padding-left:8px ;}
2. 배경을 사용하여 이 효과를 얻을 수 있습니다. 코드는 다음과 같습니다. html
Titel_01
test01,test02
*?{?margin :0;?padding:0;}
h1?{?font-size:12px;?font-weight:normal;} p>
.border?{? background:url( ../images/shutiao.gif)?0?3px?repeat-y;}