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' bắt đầu bởi admin, 1/10/14.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,741
    Đã được thích:
    716
    Đ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-radius5px;//bo tròn tất cả 4 cạnh.
    border-top-left-radius5px;//bo tròn top và left
    border-top-right-radius5px;// bo tròn top và right
    border-bottom-right-radius5px;// bo tròn bottom và right
    border-bottom-left-radius5px;// 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
    Đang tải...
  2. damynghe2606

    damynghe2606 Thành Viên Mới

    Tham gia ngày:
    26/7/14
    Bài viết:
    47
    Đã đượ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 ?
     
  3. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,741
    Đã được thích:
    716
    Đ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
  4. saudom

    saudom

    Vip Member

    Tham gia ngày:
    7/3/14
    Bài viết:
    12
    Đã đượ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/
     
  5. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,741
    Đã được thích:
    716
    Đ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
     
  6. damynghe2606

    damynghe2606 Thành Viên Mới

    Tham gia ngày:
    26/7/14
    Bài viết:
    47
    Đã đượ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:
     
  7. SportHN

    SportHN Thành Viên Mới

    Tham gia ngày:
    10/2/15
    Bài viết:
    9
    Đã được thích:
    0
    Điểm thành tích:
    1
    hình như những cái này là là css 3 thì phải
     
  8. yeuyeu90

    yeuyeu90 Thành Viên Mới

    Tham gia ngày:
    3/3/15
    Bài viết:
    15
    Đã được thích:
    0
    Điểm thành tích:
    1
    Trong suốt là thuộc tính opacity nhé bạn
     
  9. miencotich

    miencotich Thành Viên Mới

    Tham gia ngày:
    24/6/15
    Bài viết:
    16
    Đã được thích:
    0
    Đ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
     


Like và Share ủng hộ ITSEOVN