PHP implements the style effect of chess board (code example)-PHP Tutorial-php.cn

PHP implements the style effect of chess board (code example)

藏色散人

Release： 2023-04-05 17:30:01

Original

6030 people have browsed it

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 implements the style effect of chess board (code example)

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>

Copy after login

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:

PHP implements the style effect of chess board (code example)

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!