Thuộc tính tạo đường viền cong bo tròn cho border css trong html

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi admin, 1/10/14.

  1. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,992
    Đã được thích:
    1,215
    Điểm thành tích:
    113
    Giới tính:
    Nam
    • Mặc định khi chúng ta tạo border cho khung css trong thml mặc định sẽ là hình vuông, có 4 cạnh hình chữ nhật.
    thuoc-tinh-tao-duong-vien-cong-trong-css-html.png ​
    • Để các cạnh này bo tròn giống hình trên thì bạn khai báo thêm thuộc tính border-radius cho thuộc tính div hoặc các thẻ h cần bo tròn.
    PHP:
    border-radius: 5px;//bo tròn tất cả 4 cạnh.
    border-top-left-radius: 5px;//bo tròn top và left
    border-top-right-radius: 5px;// bo tròn top và right
    border-bottom-right-radius: 5px;// bo tròn bottom và right
    border-bottom-left-radius: 5px;// bo tròn bottom và left
     
    Cảm ơn đã xem bài:

    Thuộc tính tạo đường viền cong bo tròn cho border css trong html

    Chỉnh sửa cuối: 29/5/15
    admin, 1/10/14
    #1
  3. damynghe2606
    Tham gia ngày:
    26/7/14
    Bài viết:
    44
    Đã được thích:
    0
    Điểm thành tích:
    6
    Nhiều cai đẹp mà còn làm bóng nữa ý. Cậu có code đường bóng mờ mờ trong suốt ko ?
     
    damynghe2606, 3/10/14
    #2
  4. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,992
    Đã được thích:
    1,215
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Ah có bạn nhé, code trên kết hợp với code bài viết này sẽ bóng và bo tròn đẹp mắt như bác nói nhé : tạo đường viền bóng đẹp mắt cho các thẻ hmtl(bác chỉnh số lớn nhỏ sẽ bóng và rõ theo con số nhé)
     
    Chỉnh sửa cuối: 29/5/15
    admin, 3/10/14
    #3
  5. saudom
    Tham gia ngày:
    7/3/14
    Bài viết:
    11
    Đã được thích:
    0
    Điểm thành tích:
    1
    bo tròn thì nhiều cách lắm. vào xem cách của anh demon warlock izwebz.com/jquery/nhung-cach-bo-tron-goc/
     
    saudom, 15/12/14
    #4
  6. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,992
    Đã được thích:
    1,215
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Khá nhiều cách từ bài của bạn, nhưng dễ nhất mà mình tổng hợp và được hầu hết các trang lớn nhỏ, to bé làm và code thường dùng là cách trên bạn ah
     
    admin, 15/12/14
    #5
  7. damynghe2606
    Tham gia ngày:
    26/7/14
    Bài viết:
    44
    Đã được thích:
    0
    Điểm thành tích:
    6
    @admin ý mình là trong suốt cơ mà hii bóng là mình bít rồi :9yh:
     
    damynghe2606, 16/12/14
    #6
  8. SportHN
    Tham gia ngày:
    10/2/15
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    hình như những cái này là là css 3 thì phải
     
    SportHN, 10/2/15
    #7
  9. yeuyeu90
    Tham gia ngày:
    3/3/15
    Bài viết:
    11
    Đã được thích:
    0
    Điểm thành tích:
    1
    Trong suốt là thuộc tính opacity nhé bạn
     
    yeuyeu90, 3/3/15
    #8
  10. miencotich
    Tham gia ngày:
    24/6/15
    Bài viết:
    15
    Đã được thích:
    1
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Thuộc tính này có thể tạo viền bo theo % nữa. Ví dụ bạn sử dụng với 1 bức hình dùng css:
    border-radius: 50% thì sẽ thấy hình đó thành hình tròn
     
    miencotich, 31/10/15
    #9


Chủ để tương tự : Thuộc tính
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính attribute rel trong html là gì? 25/11/23
Ngôn ngữ lập trình CSS, HTML, HTML5 [Hỏi] Khoảng cách chữ text trong html css là thuộc tính gì ấy nhỉ? 1/9/20
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính khoảng cách text, khoảng cách chữ trong html css là gì? 30/6/20
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính Position của ItemList Product Schema danh mục sản phẩm bị lỗi 11/12/19
Ngôn ngữ lập trình CSS, HTML, HTML5 Vertical-align thuộc tính CSS không hiển thị đúng trên trình duyệt Chrome 14/11/18