본문 바로가기
웹개발/웹개발

#CSS3 Border-radius 로 원 그리기

by 에르소 2014. 7. 15.


 # 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>


'웹개발 > 웹개발' 카테고리의 다른 글

동적 include  (0) 2014.07.16
#CSS3 Text-Shadow  (0) 2014.07.16
#CSS3 Border-radius 로 원 그리기  (0) 2014.07.15
#CSS3 border-radius (2)  (0) 2014.07.15
#CSS3 border-radius  (0) 2014.07.15
#CSS3 Property  (0) 2014.07.15

댓글0