css 문의좀드리겠습니다

css 문의좀드리겠습니다

QA

css 문의좀드리겠습니다

본문

2084177291_1548230209.0743.png

 

테이블작업으로 이런구조를 만들고싶은데 어떻게해야하나요 ㅠㅠ?

1시간째 찾는데도 비슷한게 안나오네요 

이 질문에 댓글 쓰기 :

답변 2


<table>
    <tr>
        <th>차량정보</th>
        <td colspan="3">소나타 LF</td>
    </tr>
    <tr>
        <th>연료</th>
        <td>가솔린</td>
        <th>연비</th>
        <td>10.6km/l</td>
    </tr>
    <tr>
        <th>가격</th>
        <td colspan="3">9,750~11,200 만원</td>
    </tr>
</table>

 

 

 

 


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
    .table_p { width:100%; border-collapse:collapse; border-bottom:0px solid  #F39; border-top:1px solid #000;  margin:10px 0 50px 0;}
    .table_p th { margin:0; padding:15px; font-size:15px; font-weight:bold; background-color:#f5f5f5;} 
    .table_p td { margin:0; padding:14px; background-color:#FFF; font-size:15px;}
    .table_p th{border-collapse:collapse; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
    .table_p td{border-collapse:collapse; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
</style>
 </head>
 <body>
  <table class="table_p">
                <tbody>
                <tr>
                    <th>차량년식</th>
                    <td>2018년 1월</td>
                    <th>모델설명</th>
                    <td colspan="5">좋은 모델입니다.</td>
                </tr> 
                
                <tr>
                    <th>모델명</th>
                    <td>현대 갤로퍼 갤로퍼 2(97~03년)</td>
                    <th>배기량</th>
                    <td>1,111cc</td>
                    <th>주행거리</th>
                    <td>1,111km</td>
                    <th>변속기</th>
                    <td>오토</td>
                    
                </tr>
                <tr>
                    <th>색상</th>
                    <td>갈대색</td>
                    <th>연료</th>
                    <td>휘발유</td>
                    <th>사고유무</th>
                    <td>무사고</td>
                    <th>차량가격</th>
                    <td>2,000</td>
                </tr>
                </tbody>
            </table>
 </body>
</html>

처럼하시면 될것 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 59,285
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT