Trang chủ
CSS
Hình ảnh viền CSS
Tryit: Tạo đường viền bằng hình ảnh viền
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> #borderimg { border: 10px trong suốt; phần đệm: 15px; hình ảnh viền: url(border.png) 30 căng; } </style> </head> <body> <h1>Thuộc tính border-image</h1> <p>Ở đây, phần giữa của hình ảnh được kéo giãn để tạo đường viền:</p> <p id= "borderimg">border-image: url(border.png) kéo dài 30;</p> <p>Đây là hình ảnh gốc:</p><img src="border.png"> <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>