이번 레슨에서는 요소와 테두리의 배경색이나 배경 이미지를 변경하는 데 사용하는 두 가지 새로운 속성 배경을 다룰 것입니다.
그래서 우리는 배경을 가지고 시작하겠습니다. 여기서 제가 약간의 예를 볼 수 있습니다.
여기에 그녀의 최종 결과가 있습니다.
우리 몸에 회색 배경이 있음을 주목하십시오.
여기에서오고 우리는 여기에서 오는 div에 파란색 배경을 가지고 있습니다.
그리고 단락에 흰색 텍스트도 있습니다.
이제 우리가 함께 해왔 던 About Me 페이지를 사용해보십시오.
그리고 내 취미를 앞으로 바꾸고 배경색을 바꾸자.
주황색을 주자.
다시 한번 우리는이 나이 4를 선택하여 나이 4를 입력하고 싶습니다.
그리고 중괄호 안쪽에 배경을 말하면 R G B를하고 우리는 오렌지색처럼 보일 것입니다.
그래서 그들은 많은 붉은 색과 푸른 색을 많이 나타내게됩니다. 그리고 우리는이 멋진 산호 색을 얻습니다.
다음으로 배경을 보자. 전체 배경이 새로운 색 인 웹 사이트에서 종종 보게되는 배경을 본문에 붙이자.
이제 배경과 같은 것을 해보고, 지금은 분홍색이라고 말하면 전체 배경이 분홍색으로 변합니다.
그래서 뭔가의 색상을 변경하는 데 사용되는 배경 속성입니다.
그러나 백그라운드 속성을 사용하여 배경을 변경하여 꽤 자주 보이는 이미지로 변경할 수도 있습니다.
그래서 우리는 여전히 배경을 지정하지만 색상 대신에 Arel을 말하고 괄호 안에 이미지가있는 곳을 지정합니다.
그럼 우드 그레인 (woodgrain)을 찾으러 여기에있는 이미지를 찾으십시오.
그럼이 이미지를 복사 해 봅시다.
당신은 우리가 그것을 배경으로 삼을 것입니다.
그래서 우리 몸에 나는 배경이 당신 백작이라고 말할 것입니다. 그리고 당신은 단지 내가 복사 한 엘렛입니다.
이렇게하면 어떤 이미지에서도 작동합니다.
그리고 우리가 크게 새로 고침을하면 우리의 배경이 정해 졌음을 알게 될 것입니다. 그러나 당신은 우리의 이미지가 충분히 크지 않다는 작은 사실 하나를 발견하게 될 것입니다.
우리가 다시 돌아 가면 우리 몸 전체를 뒤덮을만큼 커지지는 않습니다.
그래서 일어난 일은 그것이 강화되고 있다는 것입니다.
가로 세로로 타일이 붙어 있다는 것을 알 수 있습니다.
그래서 우리가 그것을 원하지 않는다면, 때때로 당신은하지 만, 대부분의 시간은 아주 좋아 보이지 않습니다.
그래서 우리가 원하지 않으면 우리가 설정할 수있는 또 다른 속성이 있습니다. 그것은 배경 반복입니다.
그리고 우리가 이것을 반복해서 저장하지 않는다면
이제 우리는 그녀의 몸의 배경을 설정했고 반복하지 않습니다.
그러나 몸 전체를 감싸는 것이 아니라는 것을 눈치 챘을 것입니다.
그래서 전체 화면이나 전체 몸 전체에 스트레치를 적용하려면 백그라운드 크기를 설정할 수있는 다른 속성이 하나 있습니다.이를 배경으로 설정할 수 있습니다.
보시다시피 지금은 몸 전체를 차지합니다.
물론 조금 흐릿 해지기 때문에 가장 좋은 이미지가 아닙니다. 조금 더 어둡지 만 배경 이미지를 만들 때 대개 고해상도 또는 작은 이미지가있는 이미지가 있는지 확인하고 싶을 것입니다. 이것과 달리 반복적으로 반복 될 수 있습니다.
두 축 모두에서 대칭을 알지 못합니다. 따라서 반복 할 경우 분할 및 타일링이 발생하는 것이 매우 분명합니다.
승인.
그래서 그 배경과 배경 색상과 배경을 사용하여 배경 이미지를 설정합니다.
내가 보여주고 싶은 다음은 경계를 얻는 방법입니다.
그래서 저는 약간 혼란스러워서 분홍색으로 배경으로 돌아가서 모든 h 것들에 국경을 추가하겠습니다.
그래서 국경과 C S는 세 가지 다른 부분을 가지고 있습니다.
색상과 스타일이 있습니다.
먼저 각 색상에 테두리 색상을 지정해 보겠습니다.
이 경계선 색상과 테두리처럼 보입니다.
보라색으로 가자. 새로 고치면 실제로 아무 것도 보지 못한다. 왜냐하면 현재 우리 경계에는 너비가 없기 때문이다.
그래서 우리가해야 할 일은 그것을 버리는 것입니다.
따라서 테두리는 픽셀 단위로 번호를 지정합니다.
5 픽셀을 새로 고치고 스타일을 하나씩 잃어 버리자.
따라서 우리는 세 가지가 모두 설정되어 있지 않으면 작동하지 않습니다.
경계 스타일에는 몇 가지 다른 옵션이 있습니다.
우리는 견고하다고 말할 수 있습니다.
나는 점선 테두리를 파선했다.
몇 가지 다른 것들이 있습니다.
당신이 보는 대부분의 시간은 보라색의 단색 테두리 5 픽셀입니다.
그리고 우리는 모든 H 것들 주위에 경계선을 얻습니다.
우리가 사용할 수있는 좋은 단축키와 세금이 있습니다.
그래서 우리는 종종이 세 가지를 모두 한꺼번에 설정하기 때문에 경계라고 부르는 동등한 구문이 있습니다.
그리고 우리는 오른쪽 테두리 콜론 우리는 스타일 고체와 보라색 5 픽셀로 줄.
그래서 나는 실제로 이것들을 주석 처리 할 수 ​​있습니다.
그것은 동일합니다.
그러니 조금 놀아 봅시다.
우리의 R.G.를 가지고 가자 8 픽셀 dasht Forder로 가자. 여기 아래에서 B를 누르면 멋진 경계 효과가 생깁니다.
그래서 당신은 보통 이것을 보지 못했다는 것을 알고 있습니다.
90 년대 웹 사이트를 돌아 다니면서이 모든 것을 다른 스타일로 사용했기 때문에 나는 이것을 보지 못했습니다.
일반적으로 볼 수있는 것은 얇은 하나 또는 두 개의 픽셀 단색 테두리입니다.
승인.
국경을 재 요약하기 위해 속성을 개별적으로 설정하거나 단축키와 세금을 사용하여 스타일과 색상을 설정할 수 있습니다.