예제 (2) 썸네일형 리스트형 [JavaScript] Click Button [ 완성본 ] [ 예제 설명 ]1. 정사각형 박스를 만든다.2. 박스 위에 Button을 추가하여 'Click it' 이라 쓴다.2. 'Click it' Button을 누를시, 박스 안에 상단에 'Center' 라는 글씨가 박스 상단 중앙에 나온다. [ 코딩 ]123456789101112131415161718192021222324252627282930313233343536373839404142434445 JavaScript Button #click-button{ width: 70px; height: 50px; position: relative; top: -50px; left: 60px; } #BOX{ border: thin solid black; margin: auto; width: 200px; heig.. [ HTML, CSS ] Box 생성, Text 삽입 [ 완성본 ] [ 예제 설명 ]1. 정사각형 박스를 만든다.2. 박스 안에 'Center' 라는 글씨를 상단 중앙에 정렬 시킨다.3. 박스를 화면의 중앙에 위치한다. [ 코딩 ]12345678910111213141516171819202122232425 가운데 요소정렬 하기 div{ border: thin solid black; margin: auto; width: 200px; height: 200px; position: relative; top: 300px; text-align: center; } Center cs 이전 1 다음