css에는 테두리 종류가 많다. 원하는 스타일을 골라 예쁘게 살을 붙이는데 사용하면 좋다. 또한 테두리 두께를 조절하는 border-witdth 와 border 색상을 바꾸는 border-color 도 있으니 적재적소에 사용하면 좋겠다. 테두리 제어 d1 dotted 테두리 d2 dashed 테두리 d3 solid 테두리 d4 double 테두리 d5 groove d6 ridge테두리 d7 inset 테두리 d8 outset테두리 d9 none테두리 d10 hidden테두리 d11 dotted dashed solid double 테두리 hidden hidden hidden hidden [결과]

button 태그를 디자인 적으로 예쁘게 꾸미기 위해 이미지를 넣어 보는 방법을 알아보자 background-image : url ("경로") 를 이용한다. 이미지를 버튼 크기에 맞춰 반복하고 싶다면 background-repeat 을 사용하면 된다. background-repeat 의 종류 repaet - y (세로) ; repeat - x (가로) ; no-reapeat ;

position 속성 : css에서 position 속성은 html 문서 상에 요소들이 배치되는 방식을 결정한다. aaa bbb ccc top으로

● style 우선순위 이렇게 요소를 선택해서 꾸미고 있는데 모든 클래스로 이름을 맞춰주고 css 작성까지 완료 하였는데 부득이하게 하나만 바꿔야 할 때가 온다면 그냥 타입 안에 style을 적어서 꾸며 주면 된다. 그렇게 되면 자기 태그 내에서도 스타일을 적용 한 것이 가장 우선순위가 되어 그게 적용이 된다. bbb fff ● css 파일로 style 불러오기 자주쓰는 스타일이라면 해당 css를 파일로 저장하여 필요 할 때 불러오기 하면 사용하기가 용이해진다. 따라서 꾸민 요소들을 css파일로 따로 저장 해줘서 링크를 불러와서 사용 하는것이 코드가 깔끔해지고 보기 좋다. ▶저장 되어 있는 css 코드 @charset "EUC-KR"; h1{ background-color : yellow; text-al..