컴퓨터 지식 네트워크 - 컴퓨터 프로그래밍 - html 배경 이미지가 아래쪽으로 늘어나는 문제에 대해

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

css

*?{? 여백:0;?패딩:0;}

h1?{?font-size:12px;?font-weight:normal;}

.border?{?border-left :2px?solid?#ff9a2e;?padding-left:8px ;}

2. 배경을 사용하여 이 효과를 얻을 수 있습니다. 코드는 다음과 같습니다. html

Titel_01

test01,test02

css?

*?{?margin :0;?padding:0;}

h1?{?font-size:12px;?font-weight:normal;}

.border?{? background:url( ../images/shutiao.gif)?0?3px?repeat-y;}

上篇: 게임 카운트 2의 모바일 qpp는 어디서 다운로드할 수 있나요? 장 감독도 주소를 알려주지 않았다. 下篇: Legend Fantasy 2.23에서 JSY의 G를 어떻게 조정하나요? 속도를 전혀 막지 않는 전문가들이 조언을 해줄 수 있다.
관련 내용