制作首页的显示列表

最新推荐文章于 2021-03-09 20:28:15 发布

小Y黑豆

最新推荐文章于 2021-03-09 20:28:15 发布

阅读量94

点赞数

本文链接：https://blog.csdn.net/qq_35219823/article/details/88408874

版权

制作首页的显示列表

1. 在首页添加显示问答的列表，并定义好相应的样式。

无序列表

<ul >

<li>Coffee</li>

</ul>

{% extends 'base.html' %}
{% block title %}
    首页
{% endblock %}
{% block head %}
    <link type="text/css" rel="stylesheet" href="{{ url_for('static',filename='css/index.css') }}">

{% endblock %}
{% block main %}

<body>
   <div id="list">
       <ul class="list1" >
           <img src="../static/images/myself.jpg" width="60" height="60">
           <li class="zero">用户名:{{ user }}</li>
           <li class="one">问题:{{ question }}</li>
           <li class="two">回答:{{ answer }}</li>

       </ul>
   </div>

</body>
{% endblock %}

.list1{
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    width:500px;
    height:200px;
    background-color:azure;
    box-shadow: 10px 10px 5px #888888;
    border:2px solid antiquewhite;
    padding:20px 40px 20px 40px;
    border-radius:25px;
    list-style: none;


}
.zero{
    font-family: FZshuti;
    font-size: 15px;
    color: sandybrown;
}
.one{
    border:1px solid ;
    border-color: aquamarine;
    font-family: FZshuti;
    font-size: 15px;
    color: sandybrown;
}
.two{
    border: 1px dashed;
    border-color: aquamarine;
    height: 80px;
    font-family: FZshuti;
    font-size: 15px;
    color: sandybrown;
}

2. 用字典向index.html传递参数。

@app.route('/index')
def index():
    context={
        'user':'Lindan',
        'question':'1+1=？',
        'answer':'2'
    }
    return render_template('index.html',**context)

posted @ 2017-12-01 15:32 林丹宜阅读( ...) 评论( ...) 编辑收藏

小Y黑豆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
制作首页的显示列表

制作首页的显示列表 1. 在首页添加显示问答的列表，并定义好相应的样式。无序列表&lt;ul &gt; &lt;li&gt;Coffee&lt;/li&gt; &lt;li&gt;Tea&lt;/li&gt; &lt;li&gt;Milk&lt;/li&gt;&lt;/ul&gt;{% extends 'base.html' ...
复制链接

扫一扫