<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    網頁細邊框制作方法兩則

    • 時間:2016-05-23 14:10
    • 發布:昆明UI培訓
    • 來源:達內新聞

    很多朋友都有過制作網頁的經歷,如今,眾多網頁的設計都用到了表格。這樣不僅有利于網頁的維護,同時,昆明ui培訓覺得為了提高了網頁的觀賞性。在眾多網頁制作風格中,細邊框這個制作方法是必不可少的。這里,我將簡單地談一下細邊框的制作方法。

    談到細邊框,昆明ui培訓認為大致有兩種制作方法,第一種是用表格的嵌套,第二種是用CSS強制定義。

    如何用表格嵌套呢?大家都知道,用Bgcolor可以在表格中任意定義表格的背景顏色,用Cellspacing可以控制表格單元的額外空間,如果定義兩個表格,把其中一個的表格背景設為全黑,然后在這個表格中嵌套定義另外一個表格,背景設為全白,并且把Weight=100%。這時,兩個表格是重疊的,但是,如果把背景為黑色的那個表格再定義一個Cellspacing=1。那么就是說,黑色的表格比白色的表格多出了一個像素的外圍空間,而白色的表格又在黑色表格之上,從而達到細邊框的效果。源代碼如下:

    <table border="0" cellpadding=0 cellspacing=1 bgcolor=black>

    <tr>

    <td>

    <table width="100%" border="0" cellpadding=0 cellspacing=0 bgcolor=white>

    <tr>

    <td>

    </td>

    </tr>

    </table>

    </td>

    </tr>

    </table>

    第二種比較簡單,那就是用CSS(層疊樣式表)強制定義,但是,有些比較老的瀏覽器不支持CSS,可能導致無法顯示你所要求的效果。不過使用CSS定義,語句非常簡潔,所作網頁的容量也較小。它的操作方法是,在表格的最外圍的相應最小單元的<td>標簽中定義style="BORDER-postion: black 1px solid;",其中,Postion的參數有Left、Right、Top和Bottom,分別表示在單元的左、右、上、下顯示一條1個像素寬的實線條。

    昆明ui培訓機構源代碼如下:

    <table border="0" bgcolor=white>

    <tr>

    <td style="BORDER-left: black 1px solid; BORDER-top: black 1px solid;">

    </td>

    <td style="BORDER-top: black 1px solid; BORDER-right: black 1px solid;">

    </td>

    </tr>

    <tr>

    <td style="BORDER-left: black 1px solid; BORDER-bottom: black 1px solid;">

    </td>

    <td style="BORDER-bottom: black 1px solid; BORDER-right: black 1px solid;">

    </td>

    </tr>

    </table>

    上一篇:xhtml的結構標簽
    下一篇:HTML標簽簡單介紹

    馬上預約三天免費體驗課

    姓名:

    電話:

    達內教育集團總裁韓少云:拒絕跟風 做適合自己的教育

    給Flash初學者的幾點建議

    如何讓開發人員按照UI標注還原設計?

    金融危機來了,如何面對?

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>