html – 在背景图像上放置左边距

html – 在背景图像上放置左边距,第1张

概述我是一个CSS更新鲜.我想要做的是我想在 HTML中放置背景图像. 我的意图是我想留下200px的背景图像.我的代码如下所示,或者您可以查看此jsfiddle: http://jsfiddle.net/benmore/D5sNs/               <style type="text/css"> body{ margin-left:200px; 我是一个CSS更新鲜.我想要做的是我想在 HTML中放置背景图像.
我的意图是我想留下200px的背景图像.我的代码如下所示,或者您可以查看此Jsfiddle: http://jsfiddle.net/benmore/D5sNs/

    
        

<style type="text/CSS">        body{            margin-left:200px;            background:#5d9ab2 url(https://lh5.Googleusercontent.com/-ZBLYo1oD6bM/UHox3oBICxI/AAAAAAAAAgo/yCg6TcxLeC4/s358/img_tree.png) no-repeat top left;        }        .container {            text-align:center;              wIDth: 100px;        }       </style>    <Title></Title></head><body >    <div >        test    </div></body>

我唯一的问题是背景是左边靠近.
我该怎么做才能让它从页面的左边缘开始200px?

解决方法 添加背景位置:200px 0;到你身体的CSS

演示:http://jsfiddle.net/D5sNs/1/

background-position CSS属性允许您在容器周围放置背景图像.在这里阅读更多:http://reference.sitepoint.com/css/background-position

总结

以上是内存溢出为你收集整理的html – 在背景图像上放置左边距全部内容,希望文章能够帮你解决html – 在背景图像上放置左边距所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1084284.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存