Untitled

<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta charset="UTF-8">
        <title>آزمون</title>
            <style>
                    body { font-family: Tahoma; padding: 20px; background: #f0f8ff; }
                            h1 { color: #2c3e50; text-align: center; }
                                    .question { background: white; padding: 15px; margin: 15px 0; border-radius: 10px; }
                                            button { padding: 12px; margin: 5px; width: 100%; }
                                                </style>
                                                </head>
                                                <body>
                                                    <h1>آزمون پایه هفتم</h1>
                                                        
                                                            <div class="question">
                                                                    <p>۱. حاصل ۷ × ۸ چیست؟</p>
                                                                            <button onclick="this.style.background='lightgreen'">۵۶</button>
                                                                                    <button onclick="this.style.background='pink'">۴۸</button>
                                                                                            <button onclick="this.style.background='pink'">۶۴</button>
                                                                                                </div>
                                                                                                    
                                                                                                        <div class="question">
                                                                                                                <p>۲. مترادف "افسرده" چیست؟</p>
                                                                                                                        <button onclick="this.style.background='pink'">شاد</button>
                                                                                                                                <button onclick="this.style.background='lightgreen'">غمگین</button>
                                                                                                                                        <button onclick="this.style.background='pink'">خوشحال</button>
                                                                                                                                            </div>
                                                                                                                                            </body>
                                                                                                                                            </html>