使用 CSS 指定背景图像的位置

ID:13715 / 打印

使用 css 指定背景图像的位置

CSS background-origin 属性用于指定背景图像的位置。您可以尝试运行以下代码来实现background-image属性 -

示例

现场演示

<html>     <head>       <style>          #demo {             border: 5px dashed red;             padding: 10px;             background-image: url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg");             background-origin: content-box;          }       </style>    </head>     <body>       <div id="demo">          <h1>www.tutorialspoint.com</h1>          <p>The website www.tutorialspoint.com is owned and maintained by Tutorials Point India Private Limited, henceforth termed as &ldquo;we&rdquo;, &ldquo;our&rdquo;, &ldquo;us&rdquo;, or the &ldquo;company&rdquo;.             All the visitors, users, learners, contributors, teachers, and instructors are named as "users"; and the website tutorialspoint.com is termed as "website" everywhere in this document.             We are committed to protecting your privacy online. This privacy policy explains what information we collect from you or what information you share with us when you visit the website.             We review our policy from time to time, so you are advised to check the latest version.</p>       </div>    </body>  </html>
上一篇: 如何在 HTML 页面中包含 CSS
下一篇: 如何使用 CSS 禁用文本选择突出显示?

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。