김모의 자습서 김모의 자습서

CSS

• [CSS] Box Model (Padding, Border, Margin, outline)

  CSS 2019. 1. 13. 17:28

  ie Box Model 레이아웃모든 html 요소는 위 와 같은 박스 모델을 가지고 있고​사용 방법은 Border 사용법과 유사하다​offset의 경우는 outline 과 margin 사이에 존재하며,​outline의 경우는 box Model의 밖에 존재한다. 그리고 위치에 영향을 끼치지 않는다

  Read More
• [CSS] border

  CSS 2019. 1. 13. 17:27

  출처 : https://www.w3schools.com/css/tryit.asp?filename=trycss_border-styleborder-width 테두리 두께border-style 테두리 스타일border-color 테두리 색border-radius 테두리 모서리의 둥글기​부분만 따로 설정 가능border-top border-rightborder-bottomborder-left​사용 시border-top-width

  Read More
• CSS [CSS] background

  CSS 2019. 1. 13. 17:25

  body { background-color: green; //배경색 background-image: url("img_tree.png"); //배경이미지 background-repeat: no-repeat; //이미지 반복 여부 background-position: right top; //이미지 위치 background-attachment: fixed; //스크롤 같은 이동시 이미지가 화면에 고정여부 background-clip: border-box; //요소에서 배경색이 차지 하는 영역 (모든 영역) //background-clip: content-box; //content 안 //background-clip: padding-box; //padding 안 background-origin: border-b..

  Read More