본문 바로가기

CSS6

[1HCC] DAY - 007 - 버튼 [학습내용]언어: HTML/CSS/JavaScript학습자료: Google search배운 것: 버튼 삽입 및 꾸미기 학습내용 상세 HTML에서 태그를 사용하여 버튼을 삽입더 알아보기 CSS에서 버튼 사이즈, 배경색, 크기 등을 설정#RM{ /*background-image: url(memorial.png);*/ background-size: 30px 30px; background-repeat: no-repeat; background-position: center; background-color: rgba(14, 4, 4, 0.295); color: white; border-radius: 15px;}#RM:hover{ color: Black; background-color: rg.. 2024. 8. 21.
[1HCC] DAY - 006 - 애니메이션 효과 삽입 [학습내용] 언어: HTML/CSS/JavaScript 학습자료: How to create an Image Slider in HTML CSS and JavaScript Step by Step | Creative JS Coder. (youtube.com) 배운 것: 슬라이드 쇼 애니메이션, JavaScript 셀렉터와 함수 완성 코드 [Index.html] Remember Me 최재형 러시아 한인들을 보호하고 독립운동을 지원했다. 1908년 항일단체 동의회를 조직하고 1919년 대한민국임시정부 재무총장에 선출되었다. 더 보기 조소앙 1913년 동제사와 1919년 대한민국임시정부에 참여했다. 1930년 임시정부의 정당인 한국독립당을 창당하고 삼균주의 강령을 기초했다. 더 보기 이회영 1910년 만주에 경학사.. 2024. 3. 20.
[1HCC] DAY - 004 - Footer 삽입 [학습내용] 언어: HTML/CSS/JavaScript 학습자료 Footer에 카피라이트 삽입 - How to Create the Copyright Symbol in HTML (hubspot.com) How to Create the Copyright Symbol in HTML Learn how to create and insert the copyright symbol into your HTML code to establish ownership of your content. blog.hubspot.com JavaScript 결과물 HTML에 출력 - JavaScript Output (w3schools.com) JavaScript Output W3Schools offers free online tutoria.. 2024. 2. 22.
[1HCC] DAY - 003 - 메뉴바 꾸미기 [학습내용] 언어: HTML, CSS 학습자료: How To Create a Responsive Top Navigation Menu (w3schools.com) 배운 것: HTML 메뉴바 생성 및 CSS 메뉴바 꾸미기 학습내용 상세 [HTML] Remember Me - Stylesheet "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" 에서 폰트를 가져와 사용한다. - "topnav" 클래스를 "div" 태그에 지정한다. - "#home"으로 페이지 내 태그를 설정한다. - 로고 이미지와 글자를 삽입한다. [CSS] .topnav { background-color: #333; overflow: hidd.. 2024. 2. 21.
반응형