HTML3 html 편집기 editor Atom 사용방법 html 편집기 사용방법에 대해 알아봅시다. 편집기 Atom 을 사용할 거예요! 1. editor Atom 사이트에서 다운받기 Atom 사이트 접속하기 https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 홈페이지에서 노란색 Download 버튼을 클릭하면 다운로드 파일이 뜹니다. .. 2022. 8. 4. [소스공유] tab 클릭시 페이지 이동, 스크롤시 메뉴 탭 위에 붙는 소스 navigation responsive codepen.io html/css/js 1. 소스공유 간단한 홈페이지를 만들때 많이 쓰이는 형태입니다. TAB클릭시 페이지 이동이 됩니다. 스크롤을 내리면 전체 내용을 볼 수 있고, 탭을 클릭하면 해당 페이지로 이동합니다. 1) tab 클릭시 페이지 이동, 스크롤시 메뉴 탭 위에 붙는 소스 codepen.io 2) 소스보기 See the Pen Sticky Slider Navigation (Responsive) by Ettrics (@ettrics) on CodePen. 2. 소스 다운로드 2022. 3. 8. 웹디자인 반투명 경계선 border hals 적용 css, 흰색배경에 반투명 경계선 문제 빨간색 배경에 흰색 경계선 스타일이라고 해보자. border:10px solid hsla(0,0%,100%,.5); background:white; hsla 경계선을 만들어준다 했는데 경계선으로 나오지 않는다 적용이 되지 않은건 아니고 배경이 경계선 영역 아래로 확장된 것이다. 흰색배경에 반투명 경계선이면 아예 적용이 안된 것처럼 보일것이다. 그래서 이렇게 적용해준다. border:10px solid hsla(0,0%,100%,.5); background:white; background-clip:padding-box; 패딩 padding 모서리에서 배경을 자라내도록 하는 것으로 배경이 경계선 아래로 확장되는것이 싫을때도 이렇게 적용하면 된다. background-clip:padding-box; borde.. 2021. 5. 12. 이전 1 다음
