CSS 背景原點屬性

WBOY轉載: 2023-09-06 23:41:081383瀏覽

CSS 背景原点属性

CSS的background-origin屬性用於指定背景影像的位置。

範例

您可以嘗試執行以下程式碼來實作background-origin屬性：

線上示範

<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>

以上是CSS 背景原點屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

css background

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：如何在Google AMP中搜尋時自動提供豐富的內容建議？下一篇：如何在Google AMP中搜尋時自動提供豐富的內容建議？

看更多