위키
포럼
도구
바뀐글
랜덤

CSS 둥근 모서리 border-radius 속성

CSS 둥근 모서리
rouned rect 스타일
둥근 모서리 DIV
모서리가 둥근 보더

1 예시 1[ | ]

<style>
.rounded {
  background: silver;
  height: 50px; width: 200px;
}
</style>
<div class='rounded'>둥근 모서리</div>

<style>
.rounded {
  background: silver;
  height: 50px; width: 200px;
  border-radius: 15px;
}
</style>
<div class='rounded'>둥근 모서리</div>

2 예시 2[ | ]

<style>
.rounded {
  width: 200px;
  background-color: #bdf;
  border: 2px solid #1bf;
  padding: 0.5rem;
  line-height: 1rem;
}
</style>
<div class='rounded'>둥근 모서리 테두리</div>

<style>
.rounded {
  width: 200px;
  background-color: #bdf;
  border: 2px solid #1bf;
  padding: 0.5rem;
  line-height: 1rem;
  border-radius: 0.5rem;
}
</style>
<div class='rounded'>둥근 모서리 테두리</div>

3 같이 보기[ | ]

4 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=CSS_둥근_모서리_border-radius_속성&oldid=791317"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}