第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

表格樣式不正確

表格樣式不正確

月關(guān)寶盒 2023-10-17 19:56:20
我有一張桌子正在嘗試設(shè)計(jì)樣式。我想在每個(gè)bottom-border下面都有一個(gè),但無(wú)論我放什么,它都不適用。我什至嘗試設(shè)置顏色,但這也沒(méi)有給出。有什么想法我做錯(cuò)了嗎?theadtrthead.border-bottom {        border-collapse: collapse;        border-bottom: 2px solid #CCD5DE;    }    table {        width: 100%;        max-height: 500px;        overflow: scroll;    }        thead {        color: red;    }        th {        font-weight: 700;        font-size: 20px;        letter-spacing: 1px;        text-align: left;                padding-top: 20px;        padding-bottom: 20px;    }        td {        font-weight: 400;        font-size: 18px;        letter-spacing: .75px;        text-align: left;                padding-top: 20px;        padding-bottom: 20px;    }<div class="spaced-div">  <table>    <thead class="bottom-border">      <tr>        <th>Date</th>        <th>Stock</th>        <th>Quantity</th>        <th>Price</th>        <th>Fees</th>        <th>Subtotal</th>      </tr>    </thead>    <tbody>      <tr class="border-bottom">        <td>March 21, 2020</td>        <td>DMC</td>        <td>1,330</td>        <td>5.71</td>        <td>23.54</td>        <td>7,617.84</td>      </tr>    </tbody>  </table></div>
查看完整描述

1 回答

?
慕妹3242003

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超6個(gè)贊

這里有兩個(gè)主要問(wèn)題,


1) CSS屬性border-collapse: collapse;應(yīng)該在table元素下,例如,


table {

    width: 100%;

    max-height: 500px;

    overflow: scroll;

    border-collapse: collapse;

}

2)確保和具有相同的類名.border-bottom。theadtbody tr


.border-bottom {

    border-bottom: 2px solid #CCD5DE;

}


table {

    width: 100%;

    max-height: 500px;

    overflow: scroll;

    border-collapse: collapse;

}


thead {

    color: red;

}


th {

    font-weight: 700;

    font-size: 20px;

    letter-spacing: 1px;

    text-align: left;


    padding-top: 20px;

    padding-bottom: 20px;

}


td {

    font-weight: 400;

    font-size: 18px;

    letter-spacing: .75px;

    text-align: left;


    padding-top: 20px;

    padding-bottom: 20px;

}

<div class="spaced-div">

    <table>

      <thead>

        <tr class="border-bottom">

          <th>Date</th>

          <th>Stock</th>

          <th>Quantity</th>

          <th>Price</th>

          <th>Fees</th>

          <th>Subtotal</th>

        </tr>

      </thead>

      <tbody>

        <tr class="border-bottom">

          <td>March 21, 2020</td>

          <td>DMC</td>

          <td>1,330</td>

          <td>5.71</td>

          <td>23.54</td>

          <td>7,617.84</td>

        </tr>

      </tbody>

   </table>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-10-17
  • 1 回答
  • 0 關(guān)注
  • 111 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)