zetawiki 위키 포럼 도구

CSS 둥근 모서리 border-radius 속성

역링크 토론
  • 역사 보기
  • 인쇄용 판
  • 고유 링크
  • 문서 정보
    •
    CSS 둥근 모서리
    rouned rect 스타일
    둥근 모서리 DIV
    모서리가 둥근 보더

    예시 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

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

    같이 보기

    참고

    원본 주소 "https://zetawiki.com/w/index.php?title=CSS_둥근_모서리_border-radius_속성&oldid=791317"