Trang chủ Liên hệ Sơ đồ  
 
Trang chủ 1001 Mẫu Web Thiết kế Web Lập trình Quản trị Web Web & Hosting Hình nền Blog Icon & Logo
 
 
     
       Mẫu web mới nhất
Xem | ID: 2445
Xem | ID: 3343
HƯỚNG DẪN
Bo góc với CSS3
(Thứ Năm, 14/05/2009-10:31 AM)

Để 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
   "Tìm hiểu Vũ trụ mênh mông huyền bí"     www.bachkhoatrithuc.vn

 In bài này  Gửi bài viết
    [ Các bài mới ]
    [ Các bài đã đăng ]

    Download phần mềm 
    được ưa dùng  nhất