Trang chủ
CSS
Tóm tắt CSS
Dùng thử: Các kiểu phác thảo 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 {outline-color:red;} p.dotted {outline-style: dotted;} p.dashed {outline-style: dashed;} p.solid {outline -style: Solid;} p.double {outline-style: double;} p.groove {outline-style: Groove;} p.ridge {outline-style: Ridge;} p.inset {outline-style: inset;} p.outset {outline-style: outset;} </style> </head> <body> <h2>Thuộc tính kiểu phác thảo</h2> <p class="dotted">Một đườ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 ">Một đường viền rãnh. Hiệu ứng phụ thuộc vào giá trị màu đường viền.</p> <p class="ridge">Đường viền đường viền. Hiệu ứng phụ thuộc vào giá trị màu đường viền.</p> <p class="inset">Một đường viền lồng vào. Hiệu ứng phụ thuộc vào giá trị màu đường viền.</p> <p class="outset">Một đường viền ban đầu. Hiệu ứng phụ thuộc vào giá trị màu đường viền.</p> </body> </html>