Rmsh

[abormsh0]

<title>عنوان الصفحة</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f0f0f0; direction: rtl; }

    h1 {
        color: #2c3e50;
        font-size: 36px;
        text-align: center;
        margin-bottom: 20px;
        border-bottom: 2px solid #3498db;
        padding-bottom: 10px;
        transition: color 0.3s; /* تأثير انتقال سلس لتغيير اللون */
    }

    p {
        color: #666;
        font-size: 18px;
        line-height: 1.6;
        background-color: white;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        cursor: pointer; /* يغير المؤشر إلى يد عند التمرير فوق الفقرة */
    }

    button {
        background-color: #3498db;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        margin-top: 20px;
    }

    button:hover {
        background-color: #2980b9;
    }
</style>

هذا هو عنوان رئيسي

هذه فقرة.

غير لون العنوان

<script>
    // دالة لتغيير لون العنوان بشكل عشوائي
    function changeColor() {
        const randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
        document.querySelector('h1').style.color = randomColor;
    }

    // إضافة حدث النقر على الفقرة
    document.querySelector('p').addEventListener('click', function() {
        alert('لقد نقرت على الفقرة!');
    });
</script>

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​