이진욱의코딩

이번 시간은 여러 가지 테두리 사용법과 background적용에 대해서 알아보도록 하겠습니다. 테두리라고 하면 border을 말하는 것쯤은 알고 있을 거라고 생각합니다. 보통 border값을 정할때는 border: 10px solid pink; 이런 식으로 solid를 많이 쓰지만 이번 시간에는 여러 가지 선종류에 대해서 알려드리겠습니다. 선종류로는 solid, dotted, dashed, double ridge, groove, inset, outset 등이 존재합니다. 하나씩 입력해보시면서 변화를 보시면 좋을 겁니다. 그리고 한번 응용도 해보도록 하겠습니다. 우리가 이번에 만들 것을 먼저 보도록 하지요. 결과물입니다. 이것을 앞서 배웠던 내용을 바탕으로 한번 만들어보세요!! 결과 코드는 밑에 적어놓겠습..

이번 시간에는 html의 여러 가지 속성에 대해 차례대로 알아보는 시간을 가지도록 하겠습니다. 1.box-sizing 2.display 3.visibility_opacity 1.box-sizing box-sizing속성은 padding적용시 넓이, 높이에 영향을 주는 것을 방지하는 속성입니다. 인터넷 익스플로어9,10버전 이상만 사용 가능하고 그 전 버전 들은 사용 불가능입니다. Lorem ipsum dolor sit amet consectetur. Lorem ipsum . style태그에 first, last-child속성을 적어서 서로 인접한 두 도형의 간격을 조정합니다. 2.display 여러 가지 도형들을 세로로 배치할 때 사용되는 속성입니다. 가로로 배치하는 일은 드물기 때문에 가로배치를 하면 ..