Thẻ svg nhúng hình vuông, hình chữ nhật trong HTML

Trình soạn thảo - Thẻ svg nhúng hình vuông, hình chữ nhật trong HTML

Kết quả - Thẻ svg nhúng hình vuông, hình chữ nhật trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thẻ svg nhúng hình vuông, hình chữ nhật trong HTML</title>
</head>
<body>
<h1>Thẻ svg nhúng hình vuông, hình chữ nhật trong HTML</h1>
<!--Nếu trình duyệt không hỗ trợ SVG nội tuyến thì hiện thông báo rất tiếc-->
<!--Chiều rộng svg: 400px, chiều cao svg: 100px-->
<svg width="400" height="100">
 <!--Chiều rộng 300px, chiều cao 50px, nền đỏ,border 5px màu đen, border-radius:4px, cách left: 10px, cách top:15px -->
 <rect x="10" y="15" width="300" rx="4" ry="4" height="50" style="fill:red;stroke-width:5;stroke:black" />
  Rất tiếc, trình duyệt của bạn không hỗ trợ SVG nội tuyến.
</svg>
</body>
</html>
  • Thẻ svg nhúng hình vuông, hình chữ nhật trong HTML nằm trong bài viết Thẻ svg trong HTML
  • ★★★★★ ★★★★★