11:图片起始位置

来源:互联网 发布:淘宝联盟是不是真的 编辑:程序博客网 时间:2024/04/29 00:59

***相应效果


***相关图片


***相关代码

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <style>        .div1 {            border: 20px solid black;            padding: 60px;            background: url(images/img2.jpg) no-repeat;            background-origin: content-box;            background-clip: content-box;        }    </style></head><body>    <div class="div1">        设置元素背景图片的原始起始位置。background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。    </div></body></html>


原创粉丝点击