2017-01-26 37 views
0

我的工作有很多的內容在網站上,我有一些表格是在CSS樣式這樣一個單獨的表類:使無國界

table { 
    color: #000000; 
    font-size: 12px; 
    line-height: 17px; 
    width: 75%; 
    border-top-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    border-spacing: 2px; 
    display: table; 
    border-collapse: separate; 
    border-color: grey; 
} 

現在,我想製作一些根本沒有邊框的表格(所以它們只是用於格式化)。但我做不到。

我在CSS試圖使新類這樣的:

table.noborder td th {border:0;} 

但是當我做一個表類,它不會工作。

我使用的是Wordpress,難道是有衝突的CSS或什麼的?我只是不明白。我需要一種方法來做到這一點,而不必更改我的網站上的所有表格,因爲這會有很多工作。

+0

問題,如這些都不是很好這裏接受。據瞭解,你是這個領域的新人,但是在你放棄這個問題之前再研究一下。 – Bouramas

+0

對不起。那我在哪裏可以問這些新手問題?我現在一直在嘗試這個過去的兩個小時。 – kaizo51

+0

一個簡單的html css課程將爲你完成這項工作。在[codeacademy](https://www.codecademy.com/learn/web)免費試用此課程。一旦你完成這門課程,我相信你將能夠找到答案。之後,如果您有興趣,還有更多高級課程可以幫助您進一步學習。 – Bouramas

回答

0

沒有人會殺了你。

看來,您需要首先檢查您的HTML標記。 如果您在TD標籤內有TH標籤,則存在問題。 也就是說,你的風格在尋找什麼。

TH用於勾畫表格標題單元格,TD表示普通單元格。 目前,您的樣式只適用於放置在TD標籤內的TH標籤。這將無法工作。

你必須分開處理你的TD和TH。 所以,你的CSS應該是這樣的:

table.noborder th, table.noborder td {border:0;} 

不要忘記將noborder級分配給您的HTML表格。 您也可以縮短你的樣式表:

border: <width> <style> <color>; 

最好的問候, 海科

+0

是的!!!謝謝。我猜這是你學習html的問題,只是通過做而不學習 - 你會得到最簡單的東西是錯的。非常感謝。 – kaizo51