insert background image in div container

Question

How can i Input a background-Image or a image in a div

Here my code

div 
{
  height: 350px;
  width: 250px;
  border: 3px solid black;  
  background: orange;
  font-family: Arial;
  Font-Size: 24pt;
  text-align: center;
  vertical-align: center;
  display: flex;
  align-items: center;
  img-src = "https://openexpoeurope.com/wp-content/uploads/2013/06/logo-moodle-1.jpg";
}

  

</style>
</head>
<body>

<a title ="My Hover Text" target = "_blank" href = "https://www.google.de"><div>My Text in the DIV-Container</div></a>

The img-src dosn't work

Thx for help

Please look @ input textfield before.

https://developer.mozilla.org/en-US/docs/Web/CSS/background-image — Pete, Jan 03 '23 at 15:35
background-image: url("https://openexpoeurope.com/wp-content/uploads/2013/06/logo-moodle-1.jpg"); — francisco, Jan 03 '23 at 15:38

score 0 · Answer 1 · answered Jan 03 '23 at 15:34

0

Did you check this : https://developer.mozilla.org/fr/docs/Web/CSS/background-image ?

img-src = "https://openexpoeurope.com/wp-content/uploads/2013/06/logo-moodle-1.jpg";

would do nothing, it doesn't exist in css

answered Jan 03 '23 at 15:34

OneQ

1,149
1
8
15

insert background image in div container

1 Answers1