جدول شطرنجی html

سوال

با سلام و احترام

رسم جدول شرنجی 8 در 8 در HTML چگونه کد نویسی میشه ؟

با سپاس

حل شد 0
2016-12-13T20:36:01+03:30 2 پاسخ کاربر تازه 0

پاسخ ها ( 2 )

  1. SOLTANE GHALBHA
    0
    2016-12-14T13:49:39+03:30
    پاسخ

    سلام

    یک راه استفاده از Table می باشد، به این صورت که هشت تا سطر(تگ tr) و در هر سطر هشت تا سلول(تگ td) میزارید و یکی در میون رنگ سیاه و سفید بهش میدید.

    کد زیر یک جدول شطرنجی 8 *8 ایجاد میکند:

    <html>
<head> 
<style>
body {
	background: khaki;
	padding:50px;
}

table {
	margin: 0 auto;
	border-collapse: collapse;
	background: black;
}
td {
    width: 40px; height: 40px;
}

.white{background:white}
.black{background:black}
</style>
</head>

<body>

<table>
	<tr> 
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
	</tr>
	
	<tr> 
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
	</tr>
	
		<tr> 
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
	</tr>
	
	<tr> 
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
	</tr>
	
		<tr> 
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
	</tr>
	
	<tr> 
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
	</tr>
	
		<tr> 
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
	</tr>
	
	<tr> 
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
		<td class="white"></td>
		<td class="black"></td>
	</tr>
	
</table>
<p style="text-align:center"> www.beporsam.ir </p>
</body>
</html>

    موفق باشید.

    بهترین پاسخ
  2. آرش
    -1
    2018-05-25T07:53:19+03:30
    پاسخ

    خب برادر من عکس یه صفحه شطرنجی دانلود کن بذار تو سایت

ارسال یک پاسخ