Những cách bo tròn góc
- October 15, 2009
- 60 comments
Bo tròn góc một khái niệm rất phổ biến trong thiết kế web. Có rất nhiều designer khi làm giao diện họ đều có ít nhất một hoặc vài thành phần trong giao diện được bo tròn góc. Đối với các giao diện làm bằng Photoshop thì bo tròn quá đơn giản. Nhưng khi đưa ra để code thì cũng có nhiều điều phải bàn. Trong bài này chúng ta sẽ xem xét một số cách phổ biến dùng để bo tròn góc
Mỗi cách trong video này đều có điểm mạnh và điểm yếu khác nhau, chính vì thế khi sử dụng bạn cũng nên tự hỏi xem thiết kế của mình đòi hỏi cách nào và cách nào phù hợp nhất với hoàn cảnh của bạn. Trong những cách sau đây, không cách nào là hay nhất mà cũng không cách nào là dở nhất. Đơn thuần chúng là những cách có thể sử dụng được để đạt mục đích và sử dụng nó như thế nào thì tùy thuộc vào từng trường hợp cụ thể.
Lưu ý: Trong video có đoạn sử dụng jQuery không biết tại sao nó lại không xuất hiện border >”<. Khi làm xong mới biết nên sorry nhé!
Thời lượng:30:39
Link Download định dạng .avi chất lượng cao: MegaUpload, MediaFire
File Size: 85MB
Link trong video: jQuery, jQuery Rounded Corner Plugin
A DW ơi! Khi nào làm mấy cái như thế này, a nên demo ở IE browser vì IE là thằng khó chịu nhất. Để khi nó có lỗi, a sửa tụi e còn học hỏi theo a. Em là em chán thằng IE nhất. hehe. Cảm ơn a đã có những bài viết rất hay…:D
Chào a DW,video của anh rất hay và hữu ích,em đang làm video tới phần jquery rồi nhưng em không down được 2 file như trong video của a,không biết server đang bị gì hay sao nữa nên đành dừng lại,nếu a có 2 file đó thì ups lên luôn đi a,thanks a
Bài viết của anh DW ích bổ ích. xin cảm ơn anh DW.
Anh DW Ơi! Anh có thể làm video về Flash hong. E có thấy anh bảo là ko thích flash và có bài ” 8 Nguyên nhân không dùng Flash cho website” nhưng giờ em thấy rất nhiều web dùng flash và ở Việt Nam giờ hể đi xin việc về thiết kế thì lúc nào cũng yêu cầu kỉ năng về Flash. Thanks
Không hiểu sao nghe anh DW nói hay ghê, hài hài thế nào ấy
) , mặc dù mình biết bo góc trong bài hết rồi nhưng mà nghe thú vị ghê ^^!
_abENT__lt;meta http-equiv=__abENT__quot;Content-Type__abENT__quot; content=__abENT__quot;text__abENT__#8260;html; charset=utf-8__abENT__quot; __abENT__#8260;__abENT__gt;
__abENT__lt;title__abENT__gt;Untitled Document__abENT__lt;__abENT__#8260;title__abENT__gt;
__abENT__lt;style type=__abENT__quot;text__abENT__#8260;css__abENT__quot;__abENT__gt;
Huhu, em mới vào nghề, khi em đọc cái này sao không hiểu gì hết, DW có tài liệu nào nói về phần này không?cho em đi anh, cảm ơn anh trước, hjjjj
Huhu, link video bị die rồi anh ơi, help me……
thank anh
Cám ơn bác DW rất nhiều! Hiện tại em đang sử dụng izwebz để học mặc dù em rất thích java. Ai ngờ thấy bác design mà thích quá….
Anh ơi, trong cách thứ 4 dùng Jquery để bo tròn góc. Nhưng anh chỉ cho em khi mình chọn .corner(‘cool 20px’); làm sao để vẫn giữ lại được hình nền mà không bị cắt thành màu trắng xung quanh đường viền của “Cool 20px”.
Cảm ơn anh.!
Cảm ơn video rất hay và bổ ích của bạn.
các bác làm cho em cái video dạy rewriteuurl với các bác em mong quá , mà đang cần chứ ….
Cả 2 file nén ở host megaupload và mediafire đều bị lỗi rồi anh ơi
Cảm ơn rất nhiều, bám cái site này ma học thôi. thích cái kiểu nói chuyện tếu tếu trong video
thanks kiu bac’ nha tat’ ca? deu` tuyet voi`
cảm ơn anh rất hay .
cảm ơn anh rất nhiều qua trang web em học được rất nhiều.
Cảm ơn tất cả. Mình rất thích Web này. có rất nhiều điều hay mình tìm thấy tại đây.
Chưa xem được nhiều nhưng thấy bài nào cũng hay. Thank Các bác phát
A ui làm thế nào để khj ta phóng to hay thu nhỏ trang web,nó vẫn bt,k bị thay đổi kích thước vậy a?
ví dụ như là nút Checkbox chẳng hạn.Sao e thu nhỏ thì nó lại to ra.
Anh ơi cho em hỏi sao dùng cách cuối để bo tròn thì không được nhỉ? Anh cho em đoạn code cuối để em làm lại thử cái thank! Gửi vào dùm luôn vào mail em nha!Thank anh nhiều!^_^
Mình đang cần. Cảm ơn
video hay, thank bác
Anh ơi cho em hỏi sao dùng cách cuối để bo tròn thì không được nhỉ? Anh cho em đoạn code cuối để em làm lại thử cái thank! Gửi vào dùm luôn vào mail em nha!Thank anh nhiều!^_^
Mình thì xài CSS :
-moz-border-radius:15px 15px 15px 15px;
chỉnh các thông số theo ý muốn
Nếu Demon Warlock rảnh thì pm nich YH mình tinhphieuduemnhe để mình share mấy cái source của comment web. Hy vọng bạn sẽ làm tutorial về nó.
Cách này khi Validate CSS nó báo lỗi áh!!!!
Cái -moz-border-radius hình như là CSS 3 thì phải
bài này hay quá, thank nhé