2013-04-25 5 views
0

나는 wordpress를 사용하여 나의 친구를위한 간단한 웹 사이트를 만들고있다. 한 페이지에서 나는 이제 간단한 직사각형을 만들고 그것에 약간의 정보를 넣고 싶다. 내가 90 년대에 html을 배웠던 이래로 나는 이것을하기 위해 여전히 테이블 하나를 사용했다. 내가 사라질 테이블 경계를 원하기 때문에 나는과 같이 테이블을 생성 :WordPress에서 표 테두리 제거하는 방법?

<table border="0"> 
<tr><td>some content</td></tr> 
</table> 

불행하게도, 경계가 계속 표시 (내가 작업 here for the page 참조).

아무도 내가이 테이블 경계를 제거 할 수있는 방법을 알고 있습니까?

답변

4
당신은

th, td, table { 
    border: 1px solid #DDDDDD; 
} 

주를 제거 할 필요가 스타일 시트 style.css Line 1071에서이 규칙을 가지고있다

: 이것은 요소 선택기입니다 귀하의 웹 사이트에있는 모든 테이블에 적용됩니다.

당신은 너무 더 나은 당신이 너무 다른 요소에 대한 post-entry가있는 경우

.post-entry * { /* '*' will select all element inside .post-entry so be cautious */ 
    border: 0 !important; 
} 

그리고 명시 적 요소를 지정 아래 선택기를 사용하여 스타일을 무시할 대신 할 수 클래스 post-entry와 사업부 내에서 해당 테이블을했습니다 *

.post-entry table, .post-entry th, .post-entry td { 
    border: 0; 
} 

팁 사용 : 사용 불을 지르고, 덜 질문을하고 JS

당신의 CSS, HTML 및 디버깅에 적은 시간을 낭비에서 당신을 저장합니다
+0

고마워요! 그것은 완전히 작동합니다. 하지만 이제는 내 페이지의 모든 테이블에 테두리가 없습니다. 테이블에 포함 할 수있는 클래스 나 무언가를 만들 수 없으므로 해당 테이블에만 테두리가 표시되지 않습니까? – kramer65

+0

@ kramer65 제 대답을주의 깊게 읽으십시오. 제 선택기를 사용해야하고 마지막 대답을 사용하십시오. –