想在下面的的样式中加入左边和右边的按钮!

村口老宏 发布于 2014/05/07 18:00
阅读 95
收藏 0

华为云11月刊推送:DIY微信问答机器人,高性能计算代码的20个技巧!>>>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>试题</title>
    
    <style>
    #pager a { display:block;float:left;width:35px;height:35px;line-height:35px;background:#e9ebea;margin-top:5px;margin-left:5px;   text-decoration:none; color:#000;text-align:center;vertical-align:middle;}
    #pager .t{background:#efa3a3;color:#fff;}
    #pager .undone{background:#b8bdc0;color:#fff;}
    h2{ font-size:13px; color:#333;}
    </style>
    
</head>


<body bgcolor="#CDE3EE" >
<center>
<p><h2>


<a href="url" style="color:#FF0000">红色</a>表示'标题试题';
<a href="url" style="color:#666666">灰色</a>表示'未做答试题';
<a href="url" style="color:#0000FF">蓝色</a>表示'已作答试题'
</h2></p>


    <form id="form1" runat="server"  style="margin:0 auto;" >
    <div id="pager" style="width:100%;float:left;margin:0 auto; text-align:center">
 <div id="pager_1" style="width:100%;float:left;margin:0 auto; margin-left:10%">
<a href="url" class="t">1</a>
<a href="url" class="undone">2</a>
<a href="url">3</a>
<a href="url">4</a>
<a href="url">5</a>
<a href="url">6</a>
<a href="url">7</a>
<a href="url">8</a>
<a href="url">9</a>
<a href="url">10</a>
<a href="url">11</a>
<a href="url">12</a>
<a href="url">13</a>
<a href="url">14</a>
<a href="url">15</a>
<a href="url">16</a>
<a href="url">17</a>
<a href="url">18</a>
<a href="url">19</a>
<a href="url">20</a>
<a href="url">21</a>
<a href="url">22</a>
<a href="url">23</a>
<a href="url">24</a>
<a href="url">25</a>
</div>
 <div id="pager_2" style="width:100%;float:left;margin:0 auto;margin-left:10%">
<a href="url">26</a>
<a href="url">27</a>
<a href="url">28</a>
<a href="url">29</a>
<a href="url">30</a>
<a href="url">31</a>
<a href="url">32</a>
<a href="url">33</a>
<a href="url">34</a>
<a href="url">35</a>
<a href="url">36</a>
<a href="url">37</a>
<a href="url">38</a>
<a href="url">39</a>
<a href="url">40</a>
<a href="url">41</a>
<a href="url">42</a>
<a href="url">43</a>
<a href="url">44</a>
<a href="url">45</a>
<a href="url">46</a>
<a href="url">47</a>
<a href="url">48</a>
<a href="url">49</a>
<a href="url">50</a>
</div>
</div>
    </form>
 </center>
        </body>
    
</html>

以下是问题补充:

@村口老宏:就是加上最右边和最左边的三角形按钮!谢谢大神 (2014/05/07 18:01)
加载中
返回顶部
顶部