반응형 html5 css32 [HTML5, CSS3] border 활용법 기본적인 형태 말고 다른 활용법도 있어서 작성해봅니다. 한면만 테두리 작성하기 .box1{border-top:1px solid #000;} 박스 윗면만 테두리가 작성이됩니다. 윗면만 작성가능하듯이 left, right, bottom 으로 바꿔서 사용 가능합니다. 둥근 테두리 작성하기 직각 테두리가 아닌 둥근테두리 사용법은 border-radius를 사용합니다. .box1{border:1px solid #000; border-radius:10px;} border-radius 값이 커지면 커질수록 더 둥글해 집니다. 적용 값 입니다. 2022. 8. 7. [CSS3] border 사용해서 테두리 넣기 1. 기본적인 사용법 소개 .box1{border:1px solid #000;} //테두리 굵기, 테두리 방식, 테두리 색상 순으로 작성 합니다. 2. 테두리 방식 dotted -점선 dashed - 점선인데 dotted 보다 좀 긴점선 solid - 실선 double - 2줄 여러가지가 있는데 보통 solid 를 가장 많이 사용한다. 3.HTML 작성, 차이점 확인 div{width:200px; height:50px;} .box1{border:5px solid #000;} .box2{border:5px dotted #000;} .box3{border:5px dashed #000;} .box4{border:5px double #000;} 먼저 박스크기는 동일하게 작성, 방식만 다르게 작성했습니다. bor.. 2022. 8. 6. 이전 1 다음 반응형
