NGHỆ THUẬT BO TRÒN CSS TRONG BLOGSPOT

Bài viết tản mản đầu tiên. Mà cũng không biết nó có phải tản mạn không nữa tại cái này liên quan đến Blogspot mà cái ý tưởng như cái thủ thuật vậy :v

Nói đến đây chắc nhiều bạn vẫn chưa biết nghệ thuật bo tròn là gì và ngay cả mình cũng chỉ mới phát hiện ra nó mới cách đây 2 tiếng mặc dù mình đã làm rất nhiều lần nhưng chưa biết nó là 1 nghệ thuật :v
Nghệ thuật bo tròn CSS nói nôm na là nghệ thuật "border-radius". Nói ngang đây chắc nhiều bạn biết chút ít về CSS cũng hiểu :v 
Tại sao mình nói đây là nghệ thuật ? Bởi "hầu hết" (không phải là tất cả) các CSS, widget... khi sử dụng border-radius (bo tròn) sẽ làm chúng đẹp và trở nên tỉ mỉ hơn.


Các bạn cứ thử xem :v Ví dụ nhé:
- 1 avatar của những người bình luận các bạn thấy thế nào giữa 1 cái ảnh vuông và 1 cái ảnh tròn? Hẳn rất nhiều bạn sẽ cảm thấy tròn sẽ đẹp hơn bởi vì nó tạo ra 1 "đường cong mềm mại" với sự bo tròn "tỉ mỉ từng khung hình" :v
- 1 ví dụ khác ở cái nút Back to Top và Back to Home của Blog các bạn (hay ở blog mình chẳng hạn) thì nhìn qua các blog thường dùng 2 cái nút đó với border-radius luôn luôn khác 0 :v và đa số là border-radius: 100%. Có 1 vài blog cũng có button vuông nhưng border-radius luôn luôn lớn hơn 0 !
- Ví dụ điển hình ngay Blog Bác Sĩ Windowsđây là blog sử dụng nghệ thuật này rất điêu luyện bởi vì sao ? Không phải lúc nào, cái gì nó bo tròn cũng đẹp. Bạn nào chưa chú ý kĩ thì hãy nhìn kĩ blog đó và từng chi tiết mình kể nhé:
  + Đầu tiên đạp vào con mắt cái khung tìm kiếm.
  + Thứ 2 là cái thumbnail bài viết trong kết quả tìm kiếm của Search Live. Hãy nhìn kĩ nhé, BSW đã bo tròn nó 50% (border-radius: 50%) cái thumbnail này nhìn rất đẹp.
  + Còn rất nhiều thứ khác nữa và cả những chi tiết rất nhỏ mà đôi khi các bạn còn không để ý cơ :v

Nay đã có rất nhiều blog đã biết và sử dụng CSS bo tròn nhưng chưa hề hay biết đó là nghệ thuật từ bao giờ. Nhưng sử dụng đúng, đẹp thì mới gọi là nghệ thuật. Không phải cái gì cũng dùng đến nó mà có những thứ không nên đụng vào nó ! 

Bài viết hôm nay đến thế thôi, hơi xàm tí nhưng tâm sự của mình đó :v Nói cho các bạn biết đó là một nghệ thuật. Hi vọng sau bài viết này, các bạn sẽ để ý hơn đến nghệ thuật "border-radius", nó sẽ giúp các bạn làm đẹp blog rất nhiều đấy !
Tác giả: Lê ANh Đức

Tôi là Đức, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • Admin của trang web này đã qua đời ! Hãy để lại một comment để thể hiện lòng biết ơn, tiếc thương đối với người đã mất. Chúng tôi hy vọng những người yêu quý Lê Anh Đức sẽ cảm thấy được an ủi khi truy cập trang web này, cùng nhớ lại và tôn vinh cuộc đời của anh ấy. Cảm ơn rất nhiều !!!
    ^_^
    =r
    :))
    ;)
    =))
    :((
    <3
    ==
    :v
    :)
    :(
    :*
    :D
    (yy)
    (y)
    =hi
    :P
    =s
    =ok
    =clap
    =he
    =hl
    =hr
    :-)
    =hup
    =hd
    =l
    =ht
    =aa
    =no
    =hum
    =haizz
    =ask

    79 nhận xét:

    1. Vỗ tay pộp pộp �� �� ��

      Trả lờiXóa
    2. Nhận xét này đã bị tác giả xóa.

      Trả lờiXóa
    3. Nhận xét này đã bị tác giả xóa.

      Trả lờiXóa
    4. - Chủ nhật vui vẻ nhé các người bạn !!! Qua tương tác blog tui nhé

      Trả lờiXóa
    5. Bài viết bo tròn nghệ thuật này tui cũng có đọc ở Zing và hiểu sơ qua về lý do anh Mark đổi avatar sang tròn, nhìn mới đầu rất ngứa cmn mắt, nhưng sau một thời gian nhìn kĩ và chiêm nghiệm thì thấy...xấu vl :))). Mark bê cần!

      Trả lờiXóa
      Trả lời
      1. mà lý do sao đổi thế, tui cũng chưa biết luôn, (có j update vào bài viết luôn :v)

        Xóa
      2. À tại vì theo khảo sát và tâm lý người dùng thì bo tròn khiến mắt dễ chịu hơn vuông, đơn giản chỉ vậy...a Mark nói sao hiểu zậy thôi :))

        Xóa
    6. Anh ko làm bên Link Thủ Thuật nữa hả ?

      Trả lờiXóa
    7. Cmt ngoài lề tí là trong boostrap thì nếu dùng trigger tức sau khi click ra vùng chọn bất kì nó sẽ auto mất hiển thị đang hiện hành đó e. Áp dụng cho recent comment và mạng xã hội kia xem sao.

      Trả lờiXóa
    8. Nút thích bình luận vô dụng phết nhỉ :v

      Trả lờiXóa
      Trả lời
      1. anh click vào đi a :v có mak :v chẳng qua count nó ko hiện trực tiếp thôi :)))

        Xóa
      2. Như vậy thì chán quá, phải nó thống kê như thằng fb luôn thì hay :­v

        Xóa
      3. lúc trc có bảo a share code thống kê lượt like mak a hứa nhưng có viết bài share đâu :3

        Xóa
      4. Uầy, em kêu anh hướng dẫn thống kê số bình luận fb mà: Xem

        Xóa
      5. http://www.bacsiwindows.com/2017/11/mo-them-chuyen-muc-yeu-cau-bai-viet-tu-bac-si-windows.html?showComment=1510699322801#c5674991461504616424
        xem cmt này nek :v anh bảo ok luôn nhé

        Xóa
      6. Tưởng nút thích bài viết, chứ nút thích bình luận thì sao thống kê được =_=

        Xóa
      7. em chỉ cần cái code thống kê lượt thích fb thôi, còn thống kê sao thì e biết =))

        Xóa
    9. Cái màu blog khó chịu sao sao ấy :v

      Trả lờiXóa
    10. Đẹp mà thanh menu màu mè quá vậy bác ơi

      Trả lờiXóa
    11. cơ mak đổi lại r. nghe mấy bác phàn nàn ghê quá :3

      Trả lờiXóa
    12. - Bác thay giùm em phần liên kết NTĐ SYSTEM thành Đạt Nguyễn Blog và Link: https://datnguyenblogger.blogspot.com/
      - Giúp em nha :*

      Trả lờiXóa
    13. Khung liên kết sắp giống của Facebook r :v

      Trả lờiXóa
    14. Trả lời
      1. sắp tên phải chỉnh lại tên r :v chính sách giáo dục đã thay đổi :v

        Xóa
    15. cái phần Viết gì đó là lừa đảo nha! đăng méo được :v

      Trả lờiXóa
      Trả lời
      1. xem phần GIAO DIỆN ĐANG NÂNG CẤP NHA tui có ghi j nha .

        Xóa
      2. cơ mak nếu đc thì sao bác biết đc :3 nó là contact form mak :3

        Xóa
    16. Trả lời
      1. Oke bác
        Tên: Đức Huy Blog
        URL: http://www.nguyenhuyit.tk/
        Link ảnh: https://i.imgur.com/lJ3Thyl.jpg
        Bác cho tui link ảnh blog bác để tui đặt hình ảnh lun nha Khanh

        Xóa
      2. đây nek bạn:
        https://lh3.googleusercontent.com/-XfsKsvNYMtw/AAAAAAAAAAI/AAAAAAAAAAA/ANQ0kf77xjQklVfvuz1Xm_h1UAXzAJWFzg/s32-c-mo/photo.jpg

        Xóa
      3. tui đã đặt cho bác rồi nha

        Xóa
    17. Sao ít sang blog tui comment thế :v

      Trả lờiXóa
      Trả lời
      1. dạo này có rảnh qua nhiều blog đâu. đang có nhiều scandal khiến tôi phải nhúng tay vào đây

        Xóa
    18. Bo tròn rất đẹp kg biết tạo hình tam giác được kg nhỉ

      Trả lờiXóa
      Trả lời
      1. Duy không thích bộ tròn :)) Và thấy bo tròn tầm 10-15px thôi thù đẹp :v

        Xóa
      2. kiêut như ng ko theo kịp thời đại á :v

        Xóa
      3. Cơ mà em thấy bo tròn nó cứ thế nào á lên cũng không ừ cho lắm :))

        Xóa
      4. haizzz .
        v e có thích Mark để ava fb tròn như bh ko :v

        Xóa
      5. Em mà có quyền thì em cũng bắt Mark Zuckerberg nó đi cmnr a ạ :v

        Xóa
      6. Chết em xin lỗi em là con trai của Mark :v

        Xóa
      7. con trai Mark mới có 4 tuổi ak :v

        Xóa
      8. Đùa à em là Con Trai cả của Mark Zuckerberg nè

        Xóa
    19. Hướng dẫn bo tròn bất kỳ thứ gì đi :v

      Trả lờiXóa
    20. trongkhanhnguyen.com là của ai vậy ad

      Trả lờiXóa

    Một số lưu ý khi bình luận

    Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

    Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

    Để bình luận một đoạn code, hãy mã hóa code trước nhé !