CSS Border Radius 생성기

CSS border-radius를 시각적으로 조정합니다.

CSS 

  




  


  
  

  
  
  
  

    
기능

    

      
      

        
        4-corner control
      

      
      

        
        Unified / independent mode
      

      
      

        
        Slider + number input
      

      
      

        
        Live preview & CSS code
      

      
    

  

  

  
  

    
사용 방법

    

      
        
        
1. 슬라이더를 사용하여 각 모서리의 반지름을 조정하세요.

        
        
2. '모서리 연결'을 토글하여 모든 모서리를 한 번에 조절하세요.

        
        
3. 생성된 CSS를 복사하세요.

        
      
    

  


  
  
  
  

    
자주 묻는 질문

    
    

      What is border-radius?
      
The CSS border-radius property rounds the corners of an element's outer border edge.

    

    
  

  

  
  
  

    
관련 도구

    

      
      
        

          
        

        
CSS Box Shadow 생성기

        
슬라이더를 사용하여 CSS box-shadow 속성을 시각적으로 생성합니다....

      
      
      
        

          
        

        
CSS 그라데이션 생성기

        
CSS 선형, 원형, 원뿔형 그라데이션을 시각적으로 만듭니다....

      
      
      
        

          
        

        
CSS Flexbox 실습장

        
CSS Flexbox를 학습하고 실험해 볼 수 있습니다....

      
      
      
        

          
        

        
CSS Grid 생성기

        
CSS Grid 레이아웃을 시각적으로 생성합니다....