首页 > 软件开发 > HTML >

如何使用div将水平线放置在页面的绝对下方

来源:互联网 2023-03-16 19:11:57 388

小编教你如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

工具/原料

  • notepad

方法/步骤

  • 1

    我们在写html代码时,标签都是按顺序排序下来JUe办公区 - 实用经验教程分享!

    body>JUe办公区 - 实用经验教程分享!

    div>div1/div>JUe办公区 - 实用经验教程分享!

    div>div2/div>JUe办公区 - 实用经验教程分享!

    div>div3/div>JUe办公区 - 实用经验教程分享!

    div>div4/div>JUe办公区 - 实用经验教程分享!

    /body>JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

  • 2

    所以我们在设置水平的时候也是同样的原理,所以我们应该如何把水平线放到页面的下方JUe办公区 - 实用经验教程分享!

    body>JUe办公区 - 实用经验教程分享!

    div class="footer">hr/>/div>JUe办公区 - 实用经验教程分享!

    /body>JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

  • 2此文章非法爬取自百度经验
  • 3

    只要一段css代码就可以搞定JUe办公区 - 实用经验教程分享!

    style>JUe办公区 - 实用经验教程分享!

    .footer{JUe办公区 - 实用经验教程分享!

    width:100%;JUe办公区 - 实用经验教程分享!

    position:fixed;JUe办公区 - 实用经验教程分享!

    bottom:0;JUe办公区 - 实用经验教程分享!

    }JUe办公区 - 实用经验教程分享!

    /style>JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

  • 4

    这样就可以把水平线放置在页面绝对下方JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

  • 5

    为了让效果明显,我把水平线加粗了JUe办公区 - 实用经验教程分享!

    加粗的代码:hr size="10px" noshade=true/>JUe办公区 - 实用经验教程分享!

    如何使用div将水平线放置在页面的绝对下方JUe办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!JUe办公区 - 实用经验教程分享!


    标签: HTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码