CSS 스타일 배경 및 텍스트에 대한 자세한 소개

1. 배경

1. 배경색에는 background-color 속성을 사용합니다. 예: body{Background-color:red}

2. 이미지를 배경으로 사용하려면 body{Background-image:ul1(23.jpg)

3. 이미지에서 배경을 반복적으로 타일링하려면,peat-x 또는repeat-y는 각각 수평 또는 수직 타일링을 의미하고,

no-repeat는 모든 방향에서 타일링을 허용한다는 것을 의미합니다

예: 본문
{Background-image:url(23 .jpg)
Background-repeat:repeat-x:) }

4. background-position 속성을 사용하여 배경 위치를 지정합니다. [위치: 상단, 하단] , 왼쪽, 오른쪽, 가운데

퍼센트(50% 50%), 길이 값(50px 50px)]

예: 본문
{배경-이미지:url (23.jpg)
배경 위치:센터}

5. 배경 첨부를 사용하여 이미지 연결 속성을 설정합니다. 아래 이미지의 배경은 텍스트

body{Background-image:url(23.jpg);
background-repeat:no-repeat;
background-attachment 스크롤과 함께 스크롤되지 않습니다. :fixed;}

2. Text

1. 텍스트를 들여쓰기하려면 text-indent 속성을 사용하세요. 단락 첫 번째 줄의 들여쓰기 값은 음수일 수 있습니다

예: p{text- indent:-5em}. 그러나 음수를 설정하면 브라우저 창의 왼쪽 테두리를 쉽게 초과할 수 있습니다. 이므로 특별한 주의가 필요합니다.

들여쓰기 값 단위는 백분율 %, 길이 단위는 px, 측정 단위는 em이 될 수 있습니다.

text-indent 속성은 상속될 수 있습니다. 예:
p#outer {너비:500px;}
p#inter {text-indent:10%}
p{너비:200px;}
< ;

일부 텍스트. 일부 텍스트.

이것은 구문입니다

< /p>
< ;/p>

2. 가로 정렬을 위해 텍스트 정렬 속성(왼쪽, 오른쪽, 가운데, 정의)을 사용합니다.

3. 단어 간격은 단어 사이의 표준 간격을 변경할 수 있습니다. ), 기본값은 Normal은 설정값 0과 동일,

word-spacing은 양수 길이 값 ​​및 음수 길이 값 허용 ​​

4, letter-spacing 간격 변경 문자와 문자 사이는 단어 간격과 동일합니다. 기본값은 0

으로 설정하는 것과 같습니다. 양수 및 음수 길이 값을 허용합니다. ​

5. text -transform은 텍스트의 대소문자를 처리합니다(없음, 대문자 대문자, 소문자 소문자, 대문자는 대문자임

6. text-design은 텍스트 장식을 처리함(없음, 밑줄, 윗줄, 줄바꿈) , 깜박임 깜박임

7. 공백 문자 처리 공백

값 앞줄, 공백 문자: 병합, 줄 바꿈 문자: 예약됨, 자동 줄 바꿈: 허용
값; 일반, 공백 문자: 병합, 줄 바꿈 문자: 무시, 자동 줄 바꿈: 허용
값 nowrap, 공백 문자: 병합, 줄 바꿈 문자: 예약됨, 자동 줄 바꿈 문자: 허용되지 않음
값 미리 줄 바꿈, 공백 문자 : 예약됨, 개행 문자 : 예약됨, 자동 줄바꿈 허용

8. 방향 속성은 블록 수준 요소의 텍스트 쓰기 방향, 목록의 레이아웃 방향, 가로로 채우는 내용의 방향에 영향을 줍니다. 텍스트 상자 및 정렬된 요소의 마지막 줄 방향. 위치(ltr과 rtk의 두 가지 값이 있으며, 여기서 ltr은 기본값으로 왼쪽에서 오른쪽 방향입니다.)

9. -height는 줄 높이를 설정합니다

위에 대한 간략한 설명 CSS 스타일의 배경과 텍스트는 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. PHP 중국어 웹사이트.

위 내용은 CSS 스타일 배경 및 텍스트에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!