让 Deepseek 写电器电费计算器（html版本）

最新推荐文章于 2025-06-16 18:15:11 发布

原创

最新推荐文章于 2025-06-16 18:15:11 发布 · 723 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #deepseek #css #javascript

以下是一个简单的电器电费计算器的HTML和CSS代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电器电费计算器</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            color: #333;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        
        h1 {
            color: #2c3e50;
            text-align: center;
            margin-bottom: 30px;
        }
        
        .calculator {
            background-color: white;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0, 0, 0,