Trang chủ
CSS
Đường viền CSS
Dùng thử: Các kiểu đường viền khác nhau
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: Solid;} p.double {border-style: double;} p.groove {border-style: rãnh;} p.ridge {border-style: Ridge;} p.inset {border-style: inset;} p.outset {border-style: outset ;} p.none {border-style: none;} p.hidden {border-style: ẩn;} p.mix {border-style: nét đứt đôi có nét đứt;} </style> </head> <body> < h2>Thuộc tính kiểu đường viền</h2> <p>Thuộc tính này chỉ định loại đường viền sẽ hiển thị:</p> <p class="dotted">Đường viền chấm.</p> <p class="dashed ">Đường viền nét đứt.</p> <p class="solid">Đường viền liền nét.</p> <p class="double">Đường viền kép.</p> <p class="groove"> Đường viền rãnh.</p> <p class="ridge">Đường viền sườn núi.</p> <p class="inset">Đường viền bên trong.</p> <p class="outset">Một đường viền bắt đầu đường viền.</p> <p class="none">Không có đường viền.</p> <p class="hidden">Một đường viền ẩn.</p> <p class="mix">Một đường viền hỗn hợp.< /p> </body> </html>