Maison  >  Article  >  développement back-end  >  PHP implémente l'effet de style de l'échiquier (exemple de code)

PHP implémente l'effet de style de l'échiquier (exemple de code)

藏色散人
藏色散人original
2019-03-22 14:16:066042parcourir

Je pense que tout le monde sait à quoi ressemble un échiquier. Donc, si on vous demandait d'utiliser du code pour implémenter ce style, quel langage de code choisiriez-vous d'utiliser ? Dans cet article, nous allons vous présenter comment utiliser PHP pour obtenir l'effet de style d'un échiquier. C'est très intéressant et amusant. Les amis intéressés peuvent s'y référer ~

PHP implémente l'effet de style de l'échiquier (exemple de code)

<.>

L'exemple de code PHP est le suivant :

<!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>
Ici, nous utilisons PHP imbriqué pour une boucle for pour créer un damier avec une largeur de table="270px" et utilisons 30px comme hauteur et largeur de la cellule.

L'effet de sortie est le suivant :

PHP implémente leffet de style de léchiquier (exemple de code)

Cet article concerne l'utilisation de PHP pour introduire l'effet de style de l'échiquier. C'est simple et intéressant. J'espère que cela sera utile aux amis qui en ont besoin.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn