[Html] 표,테이블(Table) 꾸미는 방법2 & 예제

안녕하세요. 키미추입니다.

표,테이블을 꾸밀 수 있는 다양한 소스들을 표,테이블 꾸미는 방법①을 참고해서 활용해보세요.

 

 

1.블로그 Html 편집 및 적용방법

표,테이블 꾸미는 방법①←참고

 

 

2.쉽고 빠른 소스적용

 

HTML

내용 앞을 아래 코드로 대체시켜주면 새로운 표 꾸미기가 적용된다.

즉 "예시" 앞에 쓰여진 <td..........;">를 모두 지우고 그 자리에 아래 코드를 복붙 해준다.

<td style="width: 100%;"><span style="color: #ef5369;">예시~~~</span></td>

 

 

 

3.코드 적용하기와 예제

 

이 블로그가 추천하는 글 [html] 표,테이블 꾸미는 방법① [html] a태그 링크 총정리(이미지 링크 포함)

<td style="width: 333px; height: auto; border: 10px solid #f4f3f2; padding: 20px; line-height: 26px; background: aliceblue; text-align: center;">

 

 

 

블로그 본문 꾸밀때 꿀팁! [html] 블로그 내용,글자,소제목 꾸미기①

<td style="width: 100%; padding: 0.8em; border: 5px solid #e6e6e6; text-align: center;">

 

 

 

블로그 본문 꾸밀때 꿀팁! [html] 블로그 내용,글자,소제목 꾸미기②

<td style="width: 100%; padding: 1em; border: 5px dashed #d8e6f3; text-align: center;"

 

 

 

이 블로그가 추천하는 글 [자바스크립트] 스크롤에 반응하는 메뉴단추 만드는 방법

<td style="width: 100%; text-align: left; padding: 1.15em; border-left: 5px solid #666; background: #f6f6f6;">

 

 

 

이 블로그가 추천하는 글 [IT제품리뷰] LG 울트라기어 노트북 17인치 실사용후기💻

<td style="width: 100%; padding: 1.15em; border-radius: 12px; border: 3px solid #ffffff; background: #f5f5f5; text-align: center;">

 

 

 

쉬어가는 글 [마인크래프트 만화] 용암에 복어를 헤엄치게 한다면?🐡

<td style="width: 100%; padding: 1em; border: 10px solid #e6e6e6; text-align: center;">

 

 

이 글을 좋아한다면 좋아요💛 눌러주세요.