HTML 및 / 또는 CSS를 사용하여 다음을 수행하려면 어떻게해야합니까? HTML 테이블을 만들고 싶습니다. 열이 세 개 있고 column1과 column2 사이의 간격이 column2와 column3 사이의 간격보다 큽니다. 아래 예 :
+----------+ +----------+ +----------+
| column1 | | column2 | | colum3 |
+----------+ +----------+ +----------+
| ... | | ... | | ... |
+----------+ +----------+ +----------+
| column1 | | column1 | | colum3 |
+----------+ +----------+ +----------+
다른 열에 패딩을 사용합니다. 내 예에서는 클래스 이름을 사용하여 이전 열에서 원하는 패딩의 양을 설명합니다.
<style type="text/css">
td.col2{padding-left:10px;}
td.col3{padding-left:50px;}
</style>
<table>
<tr>
<td class="col1">column1</td>
<td class="col2">column2</td>
<td class="col3">column3</td>
</tr>
<tr>
<td class="col1">...</td>
<td class="col2">...</td>
<td class="col3">...</td>
</tr>
<tr>
<td class="col1">column1</td>
<td class="col2">column2</td>
<td class="col3">column3</td>
</tr>
</table>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다