Home > Article > Backend Development > PHP implements the style effect of chess board (code example)
PHP implements the style effect of chess board (code example)
- 藏色散人Original
- 2019-03-22 14:16:065982browse
I believe everyone knows what a chess board looks like. So if you were asked to use code to implement this style, what code language would you choose to use? In this article, we will introduce to you how to use PHP to achieve the style effect of the chess board. It is very interesting and fun. Interested friends can refer to it~
php code example is as follows:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h3>国际象棋棋盘</h3>
<table width="270px" cellspacing="0px" cellpadding="0px" border="1px">
<!-- cell 270px wide (8 columns x 60px) -->
<?php
for($row=1;$row<=8;$row++)
{
echo "<tr>";
for($col=1;$col<=8;$col++)
{
$total=$row+$col;
if($total%2==0)
{
echo "<td height=30px width=30px bgcolor=#FFFFFF></td>";
}
else
{
echo "<td height=30px width=30px bgcolor=#000000></td>";
}
}
echo "</tr>";
}
?>
</table>
</body>
</html>Here we use PHP nested for loop to create a checkerboard, table width = "270px", and use 30px as the height and width of the cell.
The output effect is as follows:
This article is about using PHP to introduce the style effect of the chess board. It is simple and interesting. I hope it will be helpful to friends who need it. Helps!
The above is the detailed content of PHP implements the style effect of chess board (code example). For more information, please follow other related articles on the PHP Chinese website!