communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Conception de la page frontale

1. Concevez votre div sur la page front-end

Créez un nouveau fichier index.php

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>图形计算器</title>
</head>
<body>
<div id="contains">
    <h1>简易图形计算器</h1>
    <a href=''>矩形</a> |
    <a href=''>三角形</a> |
    <a href=''>圆形</a> |
    <a href=''>球体</a>
    <hr>
    <?php
        echo "请选择一个图形";
    }
    ?>
</div>
</body>
</html>

L'effet de course est comme indiqué dans l'image :

微信图片_20180309110022.png

2 . Modifiez le style div 

<style>
    * {
        margin: 0px;
        padding: 0px;
    }
    #contains {
        width: 500px;
        margin: 20px auto;
        background: skyblue;
        text-align: center;
    }
    h1 {
        width: 500px;
        height: 60px;
    }
    a {
        font-size: 20px;
        text-decoration: none;
    }
</style>

Les résultats en cours d'exécution sont les suivants :

微信图片_20180309110305.png

.
Formation continue
||
<?php echo "页面展示";
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492424 joue