반응형
모서리 부드럽게 처리하는, border-radius 속성 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>무제 문서</title> </head> <style> div.rounded { background-color: #666; color: #fff; line-height: 20px; width: 300px; height: 50px; padding: 10px; -webkit-border-radius: 10px; } </style> <body> <div class="rounded"> HTML5 + CSS3 공부를 열심히 합시다<BR> 이것은 Radius 10px 의 상태입니다. </div> </body> </html> |
반응형
'웹개발 > HTML' 카테고리의 다른 글
| #CSS3 Border-radius 로 원 그리기 (0) | 2014.07.15 |
|---|---|
| #CSS3 border-radius (2) (0) | 2014.07.15 |
| #CSS3 Property (0) | 2014.07.15 |
| Devloper Android, Eclipse (0) | 2014.07.14 |
| UseVariable (0) | 2014.07.11 |