0

これが私の目標です

ここに画像の説明を入力してください

html / cssと次のコードの基礎を使用してこれを達成するにはどうすればよいですか?

  <div class="classname">                      
    <table>                              
      <tbody>                                      
        <tr>                            <td></td>                           <td></td>                                      
        </tr>                                      
        <tr>                            <td></td>                           <td>                  
            </td>                                      
        </tr>                                      
        <tr>                            <td></td>                           <td></td>                                      
        </tr>                                      
        <tr>                            <td></td>                           <td></td>                                      
        </tr>                                      
        <tr>                            <td></td>                           <td></td>                                      
        </tr>                                      
        <tr>                            <td></td>                           <td></td>                                      
        </tr>                                      
        <tr>                            <td></td>                           <td>                             
      </tbody>                         
    </table>                                                                                                                             
  </div>
4

2 に答える 2

4

CSS

 tr:nth-child(even) td:last-child{
    background-color:#ccc;
    width:80%
}
table{
 -moz-box-shadow:
        inset 5px 0 5px -2px #ccc,
        inset -5px 0 5px -2px #ccc;
    -webkit-box-shadow:
        inset 5px 0 5px -2px #ccc,
        inset -5px 0 5px -2px #ccc;
    box-shadow:
        inset 5px 0 5px -2px #ccc,
        inset -5px 0 5px -2px #ccc;
}
td{
    border-bottom:#ccc solid 1px;
    border-right:#ccc solid 1px;
    height:30px
}
​

デモ

于 2012-11-22T07:06:01.030 に答える
0

enter image description herecss

set background color on the table cell.

table {

    border:1px solid #000;
    box-shadow: 7px 0px 7px -5px #777 inset,-7px 0px 7px -5px #777 inset;

}

table tr td {

    background:#fff;
    z-index:-1;
    position:relative;

}

html

<table border="0" cellpadding="10" cellspacing="0">
  <tr>
    <td>Day</td>
    <td>Month</td>
    <td>Year</td>

  </tr>
  <tr>
    <td>$100</td>
    <td>$1000</td>
    <td>$1000</td>
  </tr>
</table>
于 2012-11-22T07:38:49.103 に答える