search

Home >Web Front-end >CSS Tutorial >CSS background image property

CSS background image property

WBOY
WBOYforward
2023-09-04 16:49:061191browse

CSS 背景图像属性

The CSS background-image property is used to specify a background image. You can try running the following code to implement the background-image property in CSS -

Example

<html>
   <head>

      <style>
         #demo {
            border: 5px dashed red;
            padding: 10px;
            background-image: url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg");
         }
      </style>

   </head>
   <body>

      <div id = "demo">
         <h1>www.tutorialspoint.com</h1>
         <p>Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at
               their own pace from the comforts of their drawing rooms. The journey commenced with a single tutorial on HTML in 2006 and elated by the response it generated,
               we worked our way to adding fresh tutorials to our repository which now proudly flaunts a wealth of tutorials and allied articles on
               topics ranging from programming languages to web designing to academics and much more..
         </p>
      </div>

   </body>
</html>

The above is the detailed content of CSS background image property. For more information, please follow other related articles on the PHP Chinese website!

css background
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：Using CSS to set the line style of an outlineNext article：Using CSS to set the line style of an outline

Related articles

See more