我需要擺脫外部邊界,只是單元格邊框,單元格之間應該有空格。我不知道爲什麼它建立在桌子此外邊框,我只是嘗試這樣的代碼在不同的文件中如何擺脫外表的邊界
table {
border-collapse: separate;
border-spacing: 4px;
}
table td, table th {
border: 1px solid black;
}
並正確顯示。但是在網站內容上,它使這個外部邊界。有人能幫助我嗎?
我需要擺脫外部邊界,只是單元格邊框,單元格之間應該有空格。我不知道爲什麼它建立在桌子此外邊框,我只是嘗試這樣的代碼在不同的文件中如何擺脫外表的邊界
table {
border-collapse: separate;
border-spacing: 4px;
}
table td, table th {
border: 1px solid black;
}
並正確顯示。但是在網站內容上,它使這個外部邊界。有人能幫助我嗎?
只需做你的CSS:
.tribe-events-calendar
{
border: 0px!important;
}
OR
#big
{
border: 0px!important;
}
或者,如果它已經存在的類或ID,修改這些值將它們設置爲說。注意這堂課,因爲據說它會影響其他元素。
再次讀取您的問題,如果您將其設置在不同的樣式表中,可能會發生這種情況,它會使用其他工作表中的Npx值覆蓋0px的值。合併成一個,或者,如果你不能,把!重要的;標記0px後的css。
如果沒有任何效果,則將其嵌入(不包括)在文件的開頭。最後和最少(閱讀:不可告知),使用內聯的CSS。
我試圖添加這個:「border:none;」在HTML內部的表格元素本身,它的工作。
我覺得你的問題是這樣的:
table.tribe-events-calendar, .tribe-events-calendar td {
border: 1px solid #BBB;
}
它覆蓋了你的CSS。
使用chrome的「檢查元素」或firebug for Firefox來查看問題。
鍍鉻的「檢測元素」+1。 –
你只需要改變只有一個地方就是
原始代碼
table.tribe-events-calendar, .tribe-events-calendar td {
border: 1px solid #BBBBBB;
後修改
table.tribe-events-calendar td {
border: 1px solid #BBBBBB;
您可以使用Firefox的螢火進行檢查並做Live編輯CSS和Jquery。
你完全正確,非常感謝你! –
不客氣(;順便說一句,我也使用了chrome的「檢查元素」,在這種情況下它是一個非常有用的工具,它甚至可以讓你隨時進行編輯以查看它的行爲。 –
謝謝,很高興知道下次使用它 –