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

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

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