Gestaltung der Frontend-Seite
1. Entwerfen Sie Ihr Div auf der Frontend-Seite
Erstellen Sie eine neue index.php-Datei
<!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>
Der Betriebseffekt ist wie in der Abbildung dargestellt :
2, ändern Sie den Div-Stil
<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>Die Laufergebnisse sind wie folgt:
![PHP Composer Tutorial [Erstellen Sie Ihr eigenes PHP-Entwicklungsframework]](https://img.php.cn/upload/course/000/000/041/61e7b13f39314635.jpg)
