Created
December 11, 2024 07:16
-
-
Save seongchan/146c2baa914e04e9451287d7b5600504 to your computer and use it in GitHub Desktop.
html 테이블 라운드 처리
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="ko"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>라운드 모서리 테이블</title> | |
| <style> | |
| table { | |
| border-collapse: collapse; | |
| width: 100%; | |
| background-color: #d3d3d3; /* 표 배경색을 회색으로 설정 */ | |
| border: 1px solid #d3d3d3; /* 테두리 회색 설정 : 테이블 전체 테두리*/ | |
| border-radius: 10px; /* 모서리 라운드 처리 */ | |
| overflow: hidden; /* 라운드 처리 유지 */ | |
| } | |
| th, td { | |
| background-color: #ffffff; /* 배경색 흰색 설정 */ | |
| border: 1px solid #d3d3d3; /* 테두리 회색 설정 : 표 내 셀사이*/ | |
| padding: 8px; | |
| text-align: left; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <table> | |
| <tr> | |
| <td>데이터1</td> | |
| <td>데이터2</td> | |
| <td>데이터3</td> | |
| </tr> | |
| <tr> | |
| <td>데이터4</td> | |
| <td>데이터5</td> | |
| <td>데이터6</td> | |
| </tr> | |
| <tr> | |
| <td>데이터4</td> | |
| <td>데이터5</td> | |
| <td>데이터6</td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment