网站banner图显示

1,banner图放置页

<!--banner图显示页面-->
<div id="banner"></div>

2,页面style设置:

#banner{
    height: 700px;
    background-image: url(2.jpg);
    font-size: 50px;
    line-height: 700px;
    text-align: center;
    margin-top: 80px;
}

展示如下:

微信图片_20180314141926.png

继续学习
||
<?php echo "banner图展示";
提交重置代码
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
帝云网络

帝云网络

我的海贼 路飞简介 索隆简介 娜美简介 其他人物简介 body{ margin: 0; margin-bottom: 80px; background-color:lightblue; } #nav{ width: 100%; background-color: skyblue; height: 80px; left: 0; top: 0; position: fixed; z-index: 2; /*text-align: center;*/ } #inner-nav{ width: 1000px; margin: 0 auto; text-decoration: none; text-align: right; height: 80px; line-height: 80px; font-weight:bold; } #inner-nav a{ margin: 0 20px; text-decoration: none; color: blue; font-size: 24px; display: inline-block; height: 80px; } #inner-nav a:hover{ background-color: white; } #banner{ height: 700px; background-image: url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=38209176,1968863262&fm=26&gp=0.jpg); font-size: 50px; line-height: 700px; text-align: center; margin-top: 80px; }

11个月前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~