[5주차][1일][1~2th] HTML/CSS: 드래그할 때 배경과 색깔을 바꾸고 싶다면?

★ 용어 정리

1. white-space:nowrap; 문장을 한줄만 표시함. 2,3번과 함께 쓰임.

2. text-overflow:ellipsis;
3. overflow:hidden;

 

white-space: pre; 바디에 쓴 내용대로 행을 바꿔줌.

clip:rect(0px, 200px, 150px, 0px); 이 영역만큼만 그림을 보여줌

direction: rtl; 오른쪽 정렬

 

 

☆ 실습(1) : 드래그 배경&색깔 바꾸기

p::selection{
   background: #ff0;
   color:#f00;
  }

드래그 했을 때

 

☆ 실습(2) : 박스 밑 이미지를 숨기기

#box1{
 height: 200px;
}

 

overflow를 숨김으로 지정하면
#box1{
 height: 200px;
 overflow: hidden;
 background: #f69;
} 

 

 

☆ 실습(3) : 바디에 2개의 배경 넣기

body{
 background-image: url(images2/bullet1.gif), url(images2/buller.gif);
 background-position: top left, top right;
 background-repeat:  repeat-y, repeat-y;
}

 

 

 /(ㅇ_ㅇ)/