Test

/* Cấu trúc tiểu trình duyệt */ .mini-browser { border: 1px solid rgb(187, 168, 124); border-radius: 8px; overflow: hidden; margin: 30px auto; max-width: 100%; box-shadow: 0 4px 10px rgba(0,0,0,0.1); font-family: Arial, sans-serif; } /* Thanh điều hướng giả lập */ .browser-toolbar { background-color: #f1f1f1; padding: 10px; display: flex; align-items: center; border-bottom: 1px solid #ccc; } .browser-dots span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 6px; } .dot-red { background-color: #ff5f56; } .dot-yellow { background-color: #ffbd2e; } .dot-green { background-color: #27c93f; } /* Form nhập địa chỉ HTML thuần */ .browser-address-bar { flex-grow: 1; margin-left: 15px; display: flex; } .browser-address-bar input[type="url"] { width: 100%; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px 0 0 4px; outline: none; } .browser-address-bar button { padding: 6px 15px; background-color: rgb(178, 33, 33); /* Đỏ màu VNU */ color: white; border: none; border-radius: 0 4px 4px 0; cursor: pointer; } /* Khung hiển thị nội dung web */ .browser-viewport { width: 100%; height: 500px; border: none; display: block; background-color: #fff; }