td的邊框顯示一條線

默認情況下使用table創建的表格設置表格邊框後會發現表格td之間有間隙,非常不好看。讓我們一起來解決這個問題吧。

方法/步驟

1.新建一個html頁面,創建table並設置表格的邊框。效果如圖

在tabel標籤後加上 cellpadding="0" cellspacing="0" style="border-collapse:collapse"  代碼,發現td標籤之間的線顯示為一條了。效果如圖

對應代碼:

<!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>td顯示為一條線</title>

<style type="text/css">

tr td{ border:1px solid #000;}

</style>

</head>

<body>

<table width="500"  cellpadding="0" cellspacing="0" style="border-collapse:collapse" >

<tr>

<td>1</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>2</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>3</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>

</body>

</html>

相關文章

  1. word內插入文本框框圖只顯示一條線

    word里做好的表格修改保存後再打開全都變為直線縮到了一起了 工具/原料 word 方法/步驟 找到還沒有混亂縮到一起的word原始文檔 打開另存為word03版本 打開03版本的文檔發現頁碼會有所改 ...
  2. word文檔中插入圖片只顯示一條線怎麼辦?

    我們用用word文檔編輯文字時有時為了效果,會插入一些圖片,但有時候圖片插入後頁面中只顯示窄窄的一條圖片邊,下邊小編就跟大家分享一下遇到這種情況該怎麼解決. 工具/原料 2013年及以上版本辦公軟體 ...
  3. 如何用css設置一個table中的td的邊框

    在網頁設計過程中,怎麼設置table中td的邊框,設置div的邊框都是一樣 方法/步驟 html代碼: <table> <tr> <td><input typ ...
  4. SolidWorks不顯示裝飾螺紋線

    SolidWorks不顯示裝飾螺紋線,效果欠佳,究竟是哪裡出了問題呢 工具/原料 電腦 solidworks 方法/步驟 SolidWorks不顯示裝飾螺紋線,效果欠佳 首先編輯異形孔特徵,在選項框最 ...
  5. ListView顯示第一條數據

    //直接顯示第一條 list.setSelection(0); //滾動到第一條 list.smoothScrollToPosition(0); //直接顯示第一條 list.setSelection ...
  6. 電腦裝2條內存卡為什麼只顯示1條最有效解決辦法

    明明安裝了2條內存,有時只顯示1條的量?百度一大推都是重複的:什麼開雙通,單通道,換插槽,換內存條等,以上如果都不好使了,什麼辦??? 當然,如果以上都是好的情況下呢: 下面我就分享下另類確決辦法: ...
  7. 如何將cad多條斷線連成一條線

    當我們用cad繪圖時,有時候會碰到由很多短的各種線條組成的一個圖形,每次修改或選擇是很麻煩,怎麼才能更方便的選擇呢?用塊的方法也能解決,但是塊圖形編輯起來相對麻煩些,這次我給大家介紹一個PE命令. 工 ...
  8. Excel如何顯示數據條

    在我們經常用到的excel中如何美觀的展示是很重要的,今天小編給大家說一下如何在EXCEL中數值用數據條展示,效果挺不錯的.小編使用的是excel2013版本其他版本大同小異,如果您是2003版本,需 ...
  9. 多條線如何轉換成多段線

    在使用CAD過程中,有時我們使用的線都是單條線,那麼要怎樣才能轉成多段線呢?下面我們一起來看一下,本文以CAD2008版本為例做說明 工具/原料 CAD2008 多條線如何轉換成多段線 打開CAD,如 ...
  10. word有一條線刪不掉,word頁眉線橫線豎線刪不掉

    在某些時候收到一些人的word文件,當我們想要對此文件進行修改的時候,發現裡面有一條線刪除不了,那麼下面我來說下word有一條線刪不掉,word頁眉線/標尺線/橫線/豎線刪不掉怎麼辦. 方法/步驟 首 ...
  11. 在Word文檔內的文字下面劃一條線

    用戶在編輯Word文檔時,要在文字下面加一條紅線該怎麼操作呢?接下來按照下面方法來為文檔內容添加一條線. 工具/原料 Microsoft Office Word 2003 方法/步驟 利用繪圖工具可以 ...
  12. 愛奇藝PPS如何設置全屏時,不顯示緩存條

    愛奇藝PPS是一款非常棒的網絡播放器.下面小編告訴大家如何設置全屏時,不顯示緩存條. 工具/原料 愛奇藝PPS 方法/步驟 首先我們打開愛奇藝PPS進入到主界面 之後點擊愛奇藝PPS左上角的" ...
  13. 如何將我們的歷史串聯成一條線

    在參加工作之後,總覺得自己的歷史只是匱乏.系統全面地學習歷史,時間和精力又不是特別允許的情況下,如何快速將自己的歷史知識串聯成一條線,而不再是一些孤立的點呢?請看下文 方法/步驟 端正歷史觀--歷史的 ...
  14. 巧按摩塑造4條線美麗乳房

    美麗乳房對女人的意義從來無需解釋,女人們為了塑造美乳前仆後繼得奔向美容院,日日不忘服用各種膠囊,買最昂貴的胸衣,甚至可以捨棄哺育的機會.其實,只要掌握以下按摩小妙招,符合4條線標準的乳房就唾手可得了. ...
  15. word2013中怎樣插入圖片邊框及邊框顯示不完全

    有時我們在word中插入的圖片是沒有邊框的,這裡介紹如何在word2013中添加圖片邊框線.如果邊框的上邊線或下邊線沒有顯示,這裡也為大家介紹一種解決辦法. 工具/原料 電腦 office word2 ...
  16. WPS文字如何加粗或改變表格中某一條線的顏色?

    為了在匯報工作中顯示出與眾不同,需要一副漂亮的文字排版,也有一些匯報文件對表格有相應的要求如下圖所示,而不少人在製作表格時不知道如何將表名和表內容通過加粗或顏色區分開來,希望本文的經驗能為大家提供一些 ...
  17. 有時候我們會發現,複製的圖片只能看到一條線

    只是我們設置的格式不正確  ,設置以下就可以了  很簡單的 方法/步驟 當出現如圖所示的情況時,選擇該圖形點擊右鍵選擇"段落" 出現窗口,在行距中,現在"最小值" ...
  18. word2003版本如何把表格中某一條線加黑加粗?

    用word文檔繪製表格時,有時需要把表格中某一條線加黑加粗,那麼,如何操作呢? 工具/原料 word2003 方法/步驟 小編以下圖中的表格數據為例演示操作方法. 比如,現在要把表格從上而下的第一條橫 ...
  19. 通達信股票軟體如何設置大盤分時線購顯示黃白線

    初裝軟體,也許大盤分時線只顯示白線,而不顯示黃線,如何設置呢,來跟著一起操作吧. 方法/步驟 打開股票交易軟體,找到菜單欄內的工具選項,如下圖. 在工具選項中選擇系統設置項 依次點擊:設置4--分時圖 ...
  20. excel2003中如何調出設置邊框的工具條

    下邊給出excel2003中調出邊框設置工具條的方法,希望對大家有一定的幫助呵呵 方法/步驟 1)選擇菜單欄中的"視圖" 2)在彈出的菜單中選擇"工具欄" 3) ...