1,对前端页面你的div进行设计
新建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>
运行效果如图所示:
2,对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>
运行结果如下:
下一节