task9暂存

<h6>第一组项目</h6>
                        <div class="wrap">
                            <div class="title">
                                <h6>标题</h6>
                                <p>项目报表三</p>
                            </div>
                            <div class="content">
                                <dl>
                                    <dt>价格</dt>
                                    <dd></dd>
                                </dl>
                                <dl>
                                    <dt>负责人</dt>
                                    <dd>小A</dd>
                                </dl>
                            </div>
                            <div class="specify">
                                <h6>详细描述</h6>
                                <p>该项目目前负责人是:</p>
                            </div>
                            <div class="bottom">
                                <span><input type="checkbox" name="protocol" />遵守保密协议</span>
                                
                            </div>
                        </div>
<div class="other">
                    <div class="left">
                        <h6 class="title"></h6>
                        <div class="wrap">
                            <div class="select-date">
                                <span class="year choose-bar">2016</span>
                                <span class="month choose-bar">4月</span>
                                <span class="select choose-bar">标注日期</span>
                                <span class="nowday">返回今天</span>
                            </div>
                            <div class="date">
                                <table width="300px">
                                    <tr class="week">
                                        <td>一</td>
                                        <td>二</td>
                                        <td>三</td>
                                        <td>四</td>
                                        <td>五</td>
                                        <td>六</td>
                                        <td>七</td>
                                    </tr>
 
                                </table>
                            </div>
                        </div>
                    </div> 
                    <div class="right">
                        <h6>汽车行业品牌榜</h6>
                        <div class="info">
                            <table>
                                <tr>
                                    <th>排名</th>
                                    <th>品牌</th>
                                    <th>搜索指数</th>
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>大众</td>
                                    <td>
                                        <span>48912001</span>
                                        <div class="percent">
                                            <span class="90"></span>
                                        </div>
                                    </td>
                                </tr>
                   
                                <tr>
                                    <td>2</td>
                                    <td>丰田</td>
                                    <td>
                                        <span>29307333</span>
                                        <div class="percent">
                                            <span class="per_85"></span>
                                        </div>
                                    </td>
                                </tr>   
                                <tr>
                                    <td>3</td>
                                    <td>奥迪</td>
                                    <td>
                                        <span>23139070</span>
                                        <div class="percent">
                                            <span class="per_80"></span>
                                        </div>
                                    </td>
                                </tr>
                               <tr>
                                    <td>4</td>
                                    <td>本田</td>
                                    <td>
                                        <span>22885564</span>
                                        <div class="percent">
                                            <span class="per_75"></span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>福特</td>
                                    <td>
                                        <span>48912001</span>
                                        <div class="percent">
                                            <span class="per_70"></span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                    <td>宝马</td>
                                    <td>
                                        <span>29307333</span>
                                        <div class="percent">
                                            <span class="per_65"></span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>7</td>
                                    <td>现代</td>
                                    <td>
                                        <span>23139070</span>
                                        <div class="percent">
                                            <span class="per_60"></span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                    <td>起亚</td>
                                    <td>
                                        <span>22885564</span>
                                        <div class="percent">
                                            <span class="per_55"></span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                    <td>奔驰</td>
                                    <td>
                                        <span>22885564</span>
                                        <div class="percent">
                                            <span class="per_50"></span>
                                        </div>
                                    </td>
                                </tr>
                               <tr>
                                    <td>10</td>
                                    <td>别克</td>
                                    <td>
                                        <span>22885564</span>
                                        <div class="percent">
                                            <span class="per_45"></span>
                                        </div>
                                    </td>
                                </tr>

  

原文地址:https://www.cnblogs.com/shaunZh/p/5862513.html