前端頁面設(shè)計(jì)
1,對前端頁面你的div進(jìn)行設(shè)計(jì)
#新index.php檔案
<!doctype html> <html> <head> <meta charset="utf-8"> <title>圖形計(jì)算器</title> </head> <body> <div id="contains"> <h1>簡易圖形計(jì)算器</h1> <a href=''>矩形</a> | <a href=''>三角形</a> | <a href=''>圓形</a> | <a href=''>球體</a> <hr> <?php echo "請選擇一個圖形"; } ?> </div> </body> </html>
運(yùn)行效果如圖所示:
#2,對div樣式進(jìn)行修改
<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> 運(yùn)行結(jié)果如下:
