SIMPLE DESIGN OF CHESS BOX USING HTML AND CSS PART:-4
CREATION OF CHESS BOARD USING HTML AND CSS
HI GUYS.
TODAY I GONNNA SHOW U HOW TO CREATE CHESS BOX BY USING HTML AND CSS.
HOPE YOU LIKE IT.
VISIT:- https://darkwriter17.blogspot.com
FOR MORE AMAZING CSS AND HTML WORK.
LET START THE PROGRAM :-
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<table border="1">
<tr>
<td bgcolor="white" width="50" height="50"> <font color="green" size="+4">♔ </font></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
</tr>
<tr>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
</tr>
<tr>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey"></td>
</tr>
<tr>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
</tr>
<tr>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
</tr>
<tr>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
</tr>
<tr>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
</tr>
<tr>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50"></td>
<td bgcolor="grey" width="50" height="50"></td>
<td bgcolor="white" width="50" height="50" ></td>
</tr>
</table>
</BODY>
</HTML>
OUTPUT
MORE BLOGS AT:-
https://darkwriter17.blogspot.com
Comments
Post a Comment