Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS Table


HTML SOURCE CODE


<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>CSS course</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

	<!-- ናይ ሎሚ ትምህርትና ብዛዕባ Table'ዩ-->

<table>
	<tr>
		<th>ስም</th>
		<th>ስም ኣቦ</th>
		<th>ሃገር</th>
		<th>ቁ.ቴለፎን</t>>
		<th>ስም</th>
		<th>ስም ኣቦ</th>
		<th>ሃገር</th>
		<th>ቁ.ቴለፎን</th>
		<th>ስም</th>
		<th>ስም ኣቦ</th>
		<th>ሃገር</th
		<th>ቁ.ቴለፎን</th>
	</tr>
	<tr>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
	</tr>
    <tr>
	    <td>ኢብራሂም</td>
	    <td>ዓሊ</td>
	    <td>ጀርመን</td>
	    <td>00492154523</td>
	    <td>ክፍለ</td>
	    <td>ተስፋይ</td>
	    <td>ግብጺ</td>
	    <td>002011454545</td>
	    <td>ክፍለ</td>
	    <td>ተስፋይ</td>
	    <td>ግብጺ</td>
	    <td>002011454545</td>
  </tr>
  <tr>
	    <td>ሮቤል</td>
	    <td>ሃይለ</td>
	    <td>ስዊዝ</td>
	    <td>00412154523</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
   </tr>
	<tr>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
	</tr>
    <tr>
	    <td>ኢብራሂም</td>
	    <td>ዓሊ</td>
	    <td>ጀርመን</td>
	    <td>00492154523</td>
	    <td>ክፍለ</td>
	    <td>ተስፋይ</td>
	    <td>ግብጺ</td>
	    <td>002011454545</td>
	    <td>ክፍለ</td>
	    <td>ተስፋይ</td>
	    <td>ግብጺ</td>
	    <td>002011454545</td>
   </tr>
   <tr>
	    <td>>ሮቤል</td>
	    <td>>ሃይለ</td>
	    <td>ስዊዝ</td>
        <td>00412154523</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
   </tr>
   <tr>
	    <td>ሄለን</td>
	    <td>ተስፉ</td>
	    <td>ኖርወይ</td>
	    <td>00472154523</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545</td>
		<td>ክፍለ</td>
		<td>ተስፋይ</td>
		<td>ግብጺ</td>
		<td>002011454545/<td>
</tr>
</table>
</body>
</html>

CSS SOURCE CODE


table{
	width: 100%;
	margin-top: 50px;
}
table, th, td{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 10px;
}
th{
	color: white;
	background-color: green;
}
tr:nth-child(odd){
background-color:  gold;
color: red;
}
tr:hover{
	background-color: silver;
}

The Result of the above Code is:

CSS Table

In Tigrinya Language (ብትግርኛ)



URL Copied
Share this              

Report for Comment or Reply




Mefth Loader gif

Login to Write... comment.

You must Login to write Comment.

We've Recommended Articles for you