반응형
# CSS3 Border-radius 로 원 그리기 |
[완성작]
[코드]
<!doctype html> <html> <head> <meta charset="utf-8"> <title>무제 문서</title> </head> <style> .circle1 { background-color: #609; width: 200px; height: 200px; -webkit-border-radius:100px; -moz-border-radius:100px; } .circle2 { background-color:#fff; border: 3px #a72525 solid; width: 200px; height: 200px; -webkit-border-radius:100px; -moz-border-radius: 100px; } </style> <body> <div class="circle1"> </div> <BR> <BR> </body> <div class="circle2"> </div> </html> |
반응형
'웹개발 > HTML' 카테고리의 다른 글
| 동적 include (0) | 2014.07.16 |
|---|---|
| #CSS3 Text-Shadow (0) | 2014.07.16 |
| #CSS3 border-radius (2) (0) | 2014.07.15 |
| #CSS3 border-radius (0) | 2014.07.15 |
| #CSS3 Property (0) | 2014.07.15 |