Bo góc với CSS3 

0
0
(0)

  Bo góc với CSS3 

   

Để minh chứng cho điều đó sau đây chúng ta cùng thực hiện một kỹ thuật đơn giản đó là bo góc cho một box vuông với CSS3.

 
Chưa bo góc….
 

Chúng ta thực hiện kỹ thuật bo góc của box vuông với đoạn code sau:

<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #CCCCCC; padding: 10px;" > 
 

Kết quả

 

Liệu đã được như mong muốn?
 

Có một vấn đề nảy sinh đó là hiện tại không phải trình duyệt nào cũng hỗ trợ chúng ta làm với CSS3, đối với một số trình duyệt cũ thì cũng ta vẫn phải sử dụng những kỹ thuật cũ để thực hiện bo góc. Còn với một số trình duyệt như Mozila/Firefox, Safari 3 thì chúng ta thỏa sức sáng tạo với những kỹ thuật của CSS3.

Theo cssyeah

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Leave A Reply

Your email address will not be published.