Write a program in HTML to create a Web page insert and image background ?

Write a program in HTML to create a Web page insert and image background ?


 background-image:

  linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)),

  url('thinkforu.png');


or


<!DOCTYPE html>

<html>

<head>

<style>

p {

  background-image: url('thinkforudotorg.jpg');

}

</style>

</head>

<body>


<h2>Background Image</h2>


<p>You can specify background images<br>

for any visible HTML element.<br>

In this example, the background image<br>

is specified for a div element.<br>

By default, the background-image<br>

will repeat itself in the direction(s)<br>

where it is smaller than the element<br>

where it is specified. (Try resizing the<br>

browser window to see how the<br>

background image behaves.</p>


</body>

</html>

Comments

Post a Comment

Last 7 Days

css for code blocks

css for code blocks // html code for blocks   <div class="au-grid">   <div class="container"> <div class="row">     <ul class="au-card-list au-card-list--matchheight">         <li class="col-sm-3 col-xs-6">             <div class="au-card au-body">             <div class="au-card__inner">                 <div class="au-card__title">                     <h3 class="au-card__title">Card 1</h3>                 </div>                 <p>Some text</p>             </div>         </div>         </li>         <li class="col-sm-3 col-xs-6"...
Read more

what is the css code for transparent background

 what is the css code for transparent background <html> <head> <style> img {   opacity: 0.5; } </style> </head> <body> <h1>Image Transparency</h1> <p>The opacity property specifies the transparency of an element. The lower the value, the more transparent:</p> <p>Image with 50% opacity:</p> <img src="thinkforu.jpg" alt="Forest" width="170" height="100"> </body> </html>
Read more

How to use referrerpolicy Attribute value ( strict-origin-when-cross-origin ) with < iframe > tag in HTML ? with example

 How to use referrerpolicy Attribute value ( strict-origin-when-cross-origin ) with < iframe > tag in HTML ? with example Referrerpolicy Attribute value ( strict-origin-when-cross-origin )   Send full path when performing a same-origin request. Send only origin when the security level stays the same (e.g. HTTPS to HTTPS). Send no header to a less secure destination (HTTPS to HTTP). Example <html> <body> <h1>Referrerpolicy attribute Example</h1> <iframe src="https://www.tech.thinkforu.org"  referrerpolicy=" strict-origin-when-cross-origin "> </iframe> </body> </html>
Read more