CSS圓角

GreenCup

CSS Rounded Corners
CSS圓角

With the CSS border-radius property, you can give any element "rounded corners".
使用CSS border-radius屬性，可以給任何元素“圓角”。

1. #rcorners1 {
   
2.   border-radius: 25px;
   
3.   background: #73AD21;
   
4.   padding: 20px;
   
5.   width: 200px;
   
6.   height: 150px;
   
7. }
   
8. 
   
9. #rcorners2 {
   
10.   border-radius: 25px;
    
11.   border: 2px solid #73AD21;
    
12.   padding: 20px;
    
13.   width: 200px;
    
14.   height: 150px;
    
15. }
    
16. 
    
17. #rcorners3 {
    
18.   border-radius: 25px;
    
19.   background: url(paper.gif);
    
20.   background-position: left top;
    
21.   background-repeat: repeat;
    
22.   padding: 20px;
    
23.   width: 200px;
    
24.   height: 150px;
    
25. }

複製代碼