当然可以!以下是一个简单的高黑色调的前台举报网页设计:\n\nHTML部分:\nhtml\n<!DOCTYPE html>\n<html>\n<head>\n <meta charset="UTF-8">\n <title>举报网页</title>\n <style>\n body {\n background-color: #000;\n color: #fff;\n }\n \n .container {\n width: 600px;\n margin: 0 auto;\n padding: 20px;\n background-color: #000;\n border: 1px solid #fff;\n }\n \n h1 {\n color: #fff;\n font-size: 24px;\n text-align: center;\n margin-bottom: 20px;\n }\n \n label {\n display: block;\n margin-bottom: 10px;\n }\n \n input[type="text"],\n textarea {\n width: 100%;\n padding: 10px;\n border: 1px solid #fff;\n background-color: #000;\n color: #fff;\n }\n \n input[type="submit"] {\n background-color: #000;\n color: #fff;\n padding: 10px 20px;\n border: 1px solid #fff;\n cursor: pointer;\n }\n \n input[type="submit"]:hover {\n background-color: #fff;\n color: #000;\n }\n </style>\n</head>\n<body>\n <div class="container">\n <h1>举报页面</h1>\n <form action="submit_report.php" method="POST">\n <label for="name">姓名:</label>\n <input type="text" id="name" name="name">\n\n <label for="email">邮箱:</label>\n <input type="text" id="email" name="email">\n\n <label for="report">举报内容:</label>\n <textarea id="report" name="report" rows="5"></textarea>\n\n <input type="submit" value="提交举报">\n </form>\n </div>\n</body>\n</html>\n\n\nCSS部分:\ncss\nbody {\n background-color: #000;\n color: #fff;\n}\n\n.container {\n width: 600px;\n margin: 0 auto;\n padding: 20px;\n background-color: #000;\n border: 1px solid #fff;\n}\n\nh1 {\n color: #fff;\n font-size: 24px;\n text-align: center;\n margin-bottom: 20px;\n}\n\nlabel {\n display: block;\n margin-bottom: 10px;\n}\n\ninput[type="text"],\ntextarea {\n width: 100%;\n padding: 10px;\n border: 1px solid #fff;\n background-color: #000;\n color: #fff;\n}\n\ninput[type="submit"] {\n background-color: #000;\n color: #fff;\n padding: 10px 20px;\n border: 1px solid #fff;\n cursor: pointer;\n}\n\ninput[type="submit"]:hover {\n background-color: #fff;\n color: #000;\n}\n\n\n这个设计使用了黑色背景和白色字体的高雅黑主题,并具有简单的表单输入和提交功能。你可以根据需要进行进一步的修改和定制。记得将action属性的值修改为你的后台处理举报的脚本路径。


原文地址: https://www.cveoy.top/t/topic/pvJX 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录