CSS/learned_it_today (34) 썸네일형 리스트형 Box Model: Block, inline-block, inline 기본 div, span 성질 - div element는 content없어도 css로 width, height, background-color를 주면 웹에 등장! - span은 css로 꾸며줘도 content가 있어야만 화면에서 볼 수 있다. div에 display:inline div element에 display:inline을 하면 span처럼 inline element가 된다. 그래서 content가 없으면 화면에서 볼 수 없다. div에 display:inline-block; div를 display:inline-block;으로 바꿔주면 화면 크기에 따라 상자 배열이 바뀐다. 화면 크기가 클 때는 저렇게 일렬로 있지만, 화면이 작아지면 뒤에 div 박스들이 아래줄로 내려간다. 기본 span 크기 spa.. CSS Buttons 버튼 Property정리 버튼 배경색 background-color 버튼 사이즈 font-size 원형 버튼 border-radius 코드 .button1 {border-radius: 2px;} .button2 {border-radius: 4px;} .button3 {border-radius: 8px;} .button4 {border-radius: 12px;} .button5 {border-radius: 50%;} 출력 버튼 테두리 색 border HTML Green Blue Red Gray Black CSS .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: c.. 이전 1 2 3 4 5 다음
