جلسه ی 10

    • 1403/05/15 09:58
    علی اکبر راه چمندی
    علی اکبر راه چمندی
    کاربر
    0

     سلام ممنون مشکل حل شد

    اما این بار برای جدول borderمیدم ولی اعمال نمیشه

    <html>

    <head>
        <link rel="stylesheet" href="css/10.css">

    </head>

    <body>
        <table id="rom">
            <thead>
                <tr>
                    <th colspan="2">ss</th>
                    <!-- <th>aa</th> -->
                    <th>gg</th>
                    <th>lll</th>
                </tr>
            </thead>
            <caption>ppppppp</caption>
            <tfoot>
                <tr>
                    <th>ccc</th>
                    <th>bbb</th>
                    <th>xxx</th>
                    <th>zzz</th>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td rowspan="2">1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                </tr>
                <tr>
                    <!-- <td>5</td> -->
                    <td>6</td>
                    <td>7</td>
                    <td>8</td>
                </tr>
                <tr>
                    <td>9</td>
                    <td>10</td>
                    <td>11</td>
                    <td>12</td>
                </tr>
                <tr>
                    <td>13</td>
                    <td>14</td>
                    <td>15</td>
                    <td>16</td>
                </tr>
            </tbody>

        </table>
    </body>

    </html>
    #rom{
        /* border: 3px  black; */
        width: 600px;
        height: 600px;
        caption-side: bottom;
    }
    #rom td,th{
        border: 3px  rgb(102, 18, 18);
        width: 100px;
        height: 100px;
    }

    • 1403/05/15 11:14
    ایران باینری
    ایران باینری
    استاد
    0

    سلام وقت شما بخیر

    چک کردم یه مشکل ساده دارید.زمانی که شما از ویژگی border استفاده می کنید نیاز به 3 مقدار دارید:

    اولی ضخامت  خط که با پیکسل مقدار میدید.

    دومی نوع خط یا همون استایل خط که می تونه خط صاف،به صورت نقطه چین،خط چین یا هر حالت دیگه باشه

    سومی رنگ خط

    زمانی border نمایش داده میشه که هر سه مورد رو نوشته باشید شما اینجا مورد دوم رو لحاظ نکردید

    به اینصورت ادیت کنید کد رو:

     #rom td,
            th {

                border: 3px solid rgb(102, 18, 18);

                width: 100px;

                height: 100px;
            }
    در ضمن اگر می خوایید خطوط اضافه از بین بره و فقط یک خط دور هر سلول داشته باشید این کد رو هم ادیت کنید:
     #rom {

                /* border: 3px solid black; */

                width: 600px;

                height: 600px;

                caption-side: bottom;
                border-collapse: collapse;

            }
    ویژگی border-collapse با مقدار collapse باعث میشه خطوط اضافه از بین بره و تنها یک خط دور هر سلول بمونه.یکبار خروجی رو یکبار با این ویژگی و یکبار بدون این ویژگی چک کنید تا تفاوتش رو ببینید.
     
    موفق باشید.