Trang chủ
CSS
Hình ảnh viền CSS
Dùng thử: hình ảnh viền - các giá trị lát cắt 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> #borderimg1 { border: 10px trong suốt; phần đệm: 15px; hình ảnh viền: url(border.png) 50 vòng; } #borderimg2 { đường viền: 10px trong suốt; phần đệm: 15px; hình ảnh viền: url(border.png) tròn 20%; } #borderimg3 { đường viền: 10px trong suốt; phần đệm: 15px; hình ảnh viền: url(border.png) tròn 30%; } </style> </head> <body> <h1>Thuộc tính hình ảnh viền</h1> <p id="borderimg1">border-image: url(border.png) 50 vòng;</p> < p id="borderimg2">border-image: url(border.png) tròn 20%;</p> <p id="borderimg3">border-image: url(border.png) tròn 30%;</p > <p><strong>Lưu ý:</strong> Internet Explorer 10 và các phiên bản cũ hơn không hỗ trợ thuộc tính border-image.</p> </body> </html>