본문 바로가기

Web18

시계 만들기(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.
Favicon 적용 방법 파비콘이란 인터넷 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. 1. https://www.favicon-generator.org/ 접속 2. 파일 선택후 Generate only 16x16 favicon.ico 체크후 Create Favicon 버튼 클릭 3. Download the generated favicon 클릭 4. 코드 삽입 5. 적용된 모습 2020. 7. 30.
폰트 어썸(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.

티스토리툴바