Web/HTML | CSS|JAVASCRIPT14 시계 만들기(HTML, CSS, JAVASCRIPT) body{ display: flex; justify-content: center; align-items: center; margin : 300px auto; background-color: rgba(0, 0, 0, 0.863);}.clk{ width: 280px; height: 280px; display: flex; justify-content: center; align-items: center; background-size: cover; background-color: rgba(255, 255, 255, 0.554); border: 4px solid #0a181f; border-radius: 50%; box-shadow: 0 -15px 15px rgb(255, 255, 255), inset 0 -15p.. 2020. 9. 6. 폰트 어썸(Font Awesome) 사용법 https://fontawesome.com/ 접속 좌측 상단 Icons 클릭 좌측 Free 선택 원하는 아이콘 선택 Start Using This Icon 선택 HTML COPY script 추가 ex 2020. 7. 28. overflow 정리(CSS) overflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scrolloverflow:scroll overflow: scroll;필요하지 않더라도 스크롤이 생긴다. overflow: visible;오버플로우시 잘리지않고 밖에까지 표시된다. ove.. 2020. 7. 27. Linear Gradients 그라데이션 적용하기(CSS) background-image: linear-gradient(방향, 색상1, 색상2, ....); 2020. 7. 27. 이전 1 2 3 4 다음