Thứ Tư, 30 tháng 11, 2016

Học Css3: border-radius bo tròn góc

Then use the post body as the schema.org description, for good G+/FB snippeting. -->
1. Để tạo bo tròn đường viền bằng CSS3 thì ta sử dụng những cú pháp sau:
border-radius: 15px 15px 15px 15px; Để chạy đầy đủ trên các trình duyệt thì người ta sẽ bổ sung hai thuộc tính hack css nữa đó là:
-moz-border-radius: 15px; /*Firefox*/
-webkit-border-radius: 15px; /*Chrome và Safary*/
2. đơn vị đo của thuộc tính border-radius:
giá trị của tham số tính theo đơn vị chiều dài (px, pt) hoặc (%).
3. Góc tham chiếu của thuộc tính border-radius:
3- 1 top-left; top-right; bottom-right;bottom-left; =>> góc tham chiếu xoay theo chiều kim đồng hồ quay từ trái qua phải, từ trên xống dưới:
ví dụ:
border-radius: 15px 15px 15px 15px;
3-2 top-left: bottom-right; top-right:bottom-left: =>> trên trái-dưới phải, trên phải-dưới trái.
ví dụ:
border-radius: 15px 15px ;
3-3 top-left; top-right:bottom-left;bottom-right:=>> trên trái, trên phải- dưới trái, dưới phải.
border-radius: 15px 15px 15px;
3-4 bo thành hình tròn: 
ví dụ:
border-radius: 50%;

Không có nhận xét nào:

Đăng nhận xét