디자인스토리

텍스트 그림자 효과 (Text-shadow) [완성] [코드]텍스트 그림자 효과 입니다. HTML5 + CSS3 텍스트 그림자 효과2 입니다.

# CSS3 Border-radius 로 원 그리기 [완성작] [코드]

CSS3 border-radius (2) [두 곳만 둥글게 15px / 25px 표시한 이미지] HTML5 + CSS3 공부를 열심히 합시다 왼쪽 아래 모서리 15 픽셀만큼 둥글게 합니다. 오른쪽 아래 모서리 25 픽셀만큼 둥글게 합니다.

모서리 부드럽게 처리하는, border-radius 속성 HTML5 + CSS3 공부를 열심히 합시다 이것은 Radius 10px 의 상태입니다.

브라우저별 CSS3 Property /* -webkit- : 웹킷 방식 브라우저용 (사파리 / 구글 크롬) *//* -moz- : 게코 방식 브라우저용 ( 모질라 / 파이어폭스) *//* -o- : 오페라 브라우저 *//* -ms- : 마이크로소프트 인터넷 익스플로러 */ [CSS 박스모델] CSS 박스모델 마진(Margin, 바깥여백) // 이미지상 갈색부분 보더(Border, 테두리) // 이미지상 주황색부분 패딩(Padding, 안쪽 여백) // 이미지상 녹색부분 콘텐츠(Content) // 이미지상 맨 안쪽 파란색부분