怎么用HTML设置背景图片开始的位置

这篇文章主要介绍“怎么用HTML设置背景图片开始的位置”，在日常操作中，相信很多人在怎么用HTML设置背景图片开始的位置问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么用HTML设置背景图片开始的位置”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

10年积累的成都网站设计、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先做网站设计后付款的网站建设流程，更有永嘉免费网站建设让你可以放心的选择与我们合作。

background-orgin:数值值；

这里的属性值就是开始的位置，可分为：

padding-left（默认）；content-box；border-box    <style>
        *{
            margin:0;
            padding;0;        }
        ul li{
            list-style: none;
            float:left;
            width: 200px;
            height: 200px;
            text-align:center;
            line-height:100px;
            border:10px dashed black;
            margin-left: 20px;
            background:url("image/mountain.jpg") no-repeat;
        }
        ul li:nth-child(2){
            background-origin: padding-box;/*背景图片默认从什么区域开始显示,默认就是从padding区域开始显示*/
        }
        ul li:nth-child(3){
            background-origin: border-box;
        }
        ul li:nth-child(4){
            background-origin: content-box;
        }...............省略代码............
<ul>
    <li>默认</li>
    <li>padding</li>
    <li>border</li>
    <li>content</li>

到此，关于“怎么用HTML设置背景图片开始的位置”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

当前标题：怎么用HTML设置背景图片开始的位置
网站地址：https://www.cdcxhl.com/article46/pidgeg.html

成都网站建设公司_创新互联，为您提供定制网站、品牌网站建设、虚拟主机、软件开发、做网站、商城网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联