margin , border

조수경·2021년 11월 2일
0

HTML

목록 보기
5/96
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel ="stylesheet" href = ""../css/mystyle.css"">

<style>
table{
/* border-top-width : 10px;
border-style : solid; */
border-color : blue;

  border : 10px solid blue; /*굴기는 바깥쪽*/
  margin : 10px;/*위 아래 좌우 10px*/  
}
#tab2{
  border : 4px double orange;
  border-collapse : collapse;/*안쪽 선이 하나로 합쳐짐*/
}
td{
width : 200px; 
hight : 40px;
text-align : center;

}

</style>
</head>
<body>
<pre>
  table{
  border : 10px solid blue;
  margin : 10px;
  }
  td{
   width : 200px; 
   hight : 40px;
   text-align : center;

}
</pre>
<table id ="tab1" border = "1">
<tr>
<td>1</td>
<td>2</td>
</tr>

<tr>
<td>1</td>
<td>2</td>
</tr>

<tr>
<td>1</td>
<td>2</td>
</tr>
</table>

<pre>
#tab2{
  border : 4px double orange;
  border-collapse : collapse;/*안쪽 선이 하나로 합쳐짐*/
}
</pre>

 <table id ="tab2" border = "1">
 <tr>
  <td>1</td>
  <td>2</td>
 </tr>

 <tr>
  <td>1</td>
  <td>2</td>
 </tr>

 <tr>
  <td>1</td>
  <td>2</td>
 </tr>
 </table>
</body>
</html>
Insert title here
  table{
  border : 10px solid blue;
  margin : 10px;
  }
  td{
   width : 200px; 
   hight : 40px;
   text-align : center;

}

1 2
1 2
1 2
#tab2{
  border : 4px double orange;
  border-collapse : collapse;/*안쪽 선이 하나로 합쳐짐*/
}
1 2
1 2
1 2
profile
신입 개발자 입니다!!!

0개의 댓글