热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

怎么使用bootstrap制作登录页面

小编给大家分享一下怎么使用bootstrap制作登录页面,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大

小编给大家分享一下怎么使用bootstrap制作登录页面,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!怎么使用bootstrap制作登录页面

一、修改样式

我们通过使用 background-color进行调整我们的背景颜色,代码如下所示:

#from
        {
            background-color: #96b97d;
        }

我们从代码中可以知道,我们调的时候只有给form加了背景色,我们也可以给整个页面添加背景颜色,代码如下所示:

  body
        {
            background-color: #96b97d;
        }

也可以使用body设置背景照片,代码如下所示:

body {
    background:url(../img/login_bg_0.jpg) #f8f6e9;
}

二、代码部分



    
    
    
    
    
    
    
    
    


    
    
        
            
                

                    请登录

            
                                          
                         
                                                                                                  记住密码                                                                                          登录                                

以上是“怎么使用bootstrap制作登录页面”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程笔记行业资讯频道!


推荐阅读
author-avatar
手机用户2502940247
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有