欧美三区_成人在线免费观看视频_欧美极品少妇xxxxⅹ免费视频_a级毛片免费播放_鲁一鲁中文字幕久久_亚洲一级特黄

細(xì)邊框Table制作 頁(yè)面居中

系統(tǒng) 2490 0
????? 在頁(yè)面布局時(shí)經(jīng)常會(huì)使用到table,但如果使其border=1,會(huì)不好看;
如果使用border=0,而td的邊框又不好控制,如何實(shí)現(xiàn)細(xì)邊框呢?


步驟:
1、放一個(gè)div,內(nèi)置table,利于控制樣式(style="margin: 30px auto;" 頁(yè)面居中)。
2、給table一個(gè)背景色,要稍深色并設(shè)cellpadding="1" cellspacing="1"(cellpadding="1" cellspacing="1" bgcolor="#DCDCDC" border="0" align="center")。
3、最后設(shè)td的樣式bgcolor="#FFFFFF"白色。
4、總結(jié):背景色深,背景色淺,而table的cellpadding="1" cellspacing="1"所以就出現(xiàn)了一個(gè)細(xì)邊。

    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 細(xì)邊框Table制作 </TITLE>
  <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
 </HEAD>

 <BODY>
  <!--正文-->
    <div id="AddNew">
        <fieldset>
            <legend>用戶管理:</legend>
            <div class="role" style="margin: 30px auto;">
                <table cellpadding="1" cellspacing="1" bgcolor="#DCDCDC" border="0" align="center"
                    width="459">
                    <tr>
                        <th colspan="2" style="background-color:#7ABAFF;">
                            新用戶注冊(cè)
                        </th>
                    </tr>
                    <tr>

                        <td class="w80" bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
                            用戶名
                        </td>
                        <td bgcolor="#FFFFFF" align="center">
                            <input name="txtUserName" type="text" id="txtUserName" style="width:150px;" />
                        </td>
                    </tr>
                    <tr>

                        <td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
                            密碼
                        </td>
                        <td bgcolor="#FFFFFF" align="center">
                            <input name="txtPassword" type="password" id="txtPassword" style="width:150px;" />
                        </td>
                    </tr>
                    <tr>

                        <td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
                            確認(rèn)密碼
                        </td>
                        <td bgcolor="#FFFFFF" align="center">
                            <input name="txtConfirmPassword" type="password" id="txtConfirmPassword" style="width:150px;" />
                        </td>
                    </tr>

                    <tr>
                        <td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
                            郵箱
                        </td>
                        <td bgcolor="#FFFFFF" align="center">
                            <input name="txtEmail" type="text" id="txtEmail" style="width:150px;" />
                        </td>

                    </tr>
                    <tr>
                        <td bgcolor="#FFFFFF" style="text-align: right; height: 30px;">
                            角色
                        </td>
                        <td bgcolor="#FFFFFF" align="center">
                            <select name="ddlRole" id="ddlRole" style="width:155px;">
								<option value="-1">-請(qǐng)選擇-</option>
								<option value="1">Admin</option>

								<option value="2">SuperAdmin</option>

							</select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="Button" align="center">
                            <img src="RegisterButton.gif"/>
                        </td>
                    </tr>
                </table>
            </div>
        </fieldset>
    </div>
    <!--正文 end-->

 </BODY>
</HTML>

  


效果圖:
細(xì)邊框Table制作 頁(yè)面居中

細(xì)邊框Table制作 頁(yè)面居中


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦?。?!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 国产成在线观看免费视频 | 国产乱码精品1区2区3区 | 最新日韩精品在线观看 | 国产一精品一av一免费爽爽 | 一级特黄录像视频免费 | 欧日韩视频| 日韩日b视频| 欧美一级毛片在线 | 精品一区二区免费视频 | 亚洲精品久久九九热 | 欧美三级美国一级 | 久久视频这里只精品3国产 色偷偷偷 | 韩国在线精品福利视频在线观看 | 四月婷婷七月婷婷综合 | 奇米影视444| 婷婷丁香社区 | 丝袜美腿中文字幕 | 妞干网在线观看 | 亚洲AV久久综合无码东京 | 色婷婷视频在线 | 国产精品久久嫩一区二区免费 | 免费在线成人 | 欧美高清在线精品一区 | 锵锵锵锵锵锵锵锵锵好湿好大 | 久久综合玖玖爱中文字幕 | 那里可以看毛片 | 91免费官网 | 在线观看亚洲精品 | 午夜午夜精品一区二区三区文 | 国产特级毛片AAAAAAA高清 | 99久久久国产精品免费99 | 成人在线播放网站 | 亚洲欧美日韩在线一区二区三区 | 一区在线播放 | 看一级毛片国产一级毛片 | 美国三级日本三级久久99 | 久久久久久国产精品久久 | 91中文字幕在线 | 青青色在线观看 | 成人毛片视频免费看 | 97影院2|