생각하며 글을 쓰는 사람

그림자를 그리는 방법 그림자를 그리는 방법은 box-shadow 속성을 이용하는 것입니다. 아주 간단합니다. 안녕하세요 개발자 입니다. .card__box { width: 400px; height: 300px; background-color: rgb(21, 93, 156); margin-left: auto; margin-right: auto; font-size: 30px; border-radius: 20px; color: white; display: flex; justify-content: center; align-items: center; box-shadow: 10px 10px 15px 5px rgb(109, 109, 109); } 위의 css의 코드에서 box-shadow만 주목을 하시면 됩니다. 5..

html 태그에는 두가지 종류가 있습니다. Block(블럭) 과 Inline(인라인)이 있습니다. 옆에 다른 요소가 못 오는 걸 block라 부르고, 다른 요소가 올 수 있는 걸 inline이라고 부릅니다. div, header, main, section, footer, article, address, p 등은 block 입니다. inline 은 옆으로 간다. 종류에는 span, link, image, a : 그림, 링크 그림들이 이에 해당합니다. 만약 block 을 가운데로 정렬을 하고 싶다면, 아래와 같은 코드를 작성하면 됩니다. .클래스선택 { width: 300px; margin-left: auto; margin-right: auto; } 꼭 width 폭을 지정해줘야 합니다. 왜? 해보면 알게 ..

이번 글에서는 이미지와 글자를 스타일 하는 방법에 대해서 정리를 하겠습니다. html 안에서 스타일을 해보도록 하겠습니다. ( 원래는 css를 따로 빼지만 html과 함께 작업이 가능합니다. ) 간단하게 CSS 스타일 넣는 방법에 대해서 정리를 하겠습니다. 글자 거의 모든 태그는 style="" 이라는 속성을 열 수 있습니다. 거기 안에 스타일이름 : 스타일값; 형식으로 스타일을 넣으면 됩니다. 여러개를 css 속성값을 넣을 수 있습니다. 그리고 속성값을 많이 쓰게 된다면... 세미콜론을 꼭 한 속성이 끝날 때 마다 넣어 줘야 합니다. 자주 사용하는 글자 스타일들 font-size : 10px; /* 폰트의 크기를 설정 */ font-family : 'gulim'; /* 폰트 서체를 설정 */ lette..