编写机顶盒H5普通的一个页面
时间: 2024-02-27 09:56:13 浏览: 69
以下是一个简单的机顶盒H5页面示例,包含一个标题和一个按钮:
```html
<!DOCTYPE html>
<html>
<head>
<title>机顶盒H5页面示例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
body {
margin: 0;
padding: 0;
font-size: 20px;
text-align: center;
}
h1 {
margin: 2em 0;
}
button {
display: block;
margin: 2em auto;
padding: 1em 2em;
font-size: 1em;
border: 1px solid #333;
border-radius: 0.5em;
background-color: #fff;
color: #333;
cursor: pointer;
}
button:hover {
background-color: #333;
color: #fff;
}
</style>
</head>
<body>
<h1>欢迎使用机顶盒H5页面示例</h1>
<button>点击这里</button>
</body>
</html>
```
在机顶盒上运行时,可以使用遥控器或者鼠标进行页面的交互操作。
阅读全文