上图显示: 在 CSS 盒子模型 (Box Model) 规定了元素处理元素的几种方式:
width 和 height: 内容的宽度, 高度 (不是盒子的宽度, 高度).
padding: 内边距.
border: 边框.
margin: 外边距.
在 template 下新建一个 html, 并写入设置内容尺寸的内容
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- 测试
- </title>
- <style>
- label { margin-left: 10px; margin-right: 10px; margin-top: 20px; margin-bottom:
- 20px; border-left: 5px; border-right: 5px; border-top: 10px; border-bottom:
- 10px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom:
- 10px; color: red; background-color: gray; }
- </style>
- </head>
- <body>
- <label>
- 这里是一个标签
- </label>
- </body>
- </HTML>
设置路由
- from flask import Flask
- from flask import render_template
- App = Flask(__name__)
- @App.route('/calc')
- def calc():
- return render_template('calc.html')
- if __name__ == '__main__':
- App.run(
- host='0.0.0.0',
- port=8888,
- debug=True,
- )
访问
来源: http://www.bubuko.com/infodetail-3062789.html