首页给我写一个添加视频的居中的静态页面

给我写一个添加视频的居中的静态页面

时间: 2024-05-01 15:17:57 浏览: 95

好的，我可以为您提供添加视频的居中的静态页面，以下是代码示例： ``` <!DOCTYPE html> <html> <head> <title>Add Video</title> <style type="text/css"> .container { width: 50%; margin: 0 auto; text-align: center; } input[type="text"], input[type="url"], input[type="submit"] { display: block; margin: 10px auto; padding: 10px; border: 1px solid #ccc; border-radius: 5px; width: 80%; max-width: 600px; } input[type="submit"] { background-color: #4CAF50; color: white; cursor: pointer; } </style> </head> <body> <div class="container"> <h1>Add Video</h1> <form> <label for="name">Video Name:</label> <input type="text" id="name" name="name"> <label for="url">Video URL:</label> <input type="url" id="url" name="url"> <input type="submit" value="Add Video"> </form> </div> </body> </html> ``` 这是一个简单的静态页面，可以使用HTML和CSS编写。该页面包括一个标题，一个表单，包含名称和URL输入框和一个提交按钮。使用容器和居中对表单进行布局。您可以根据需要进行修改和自定义。希望这个示例能够帮助您创建您自己的静态页面。

阅读全文