Css source code for Resizing background images with background size ,height,width,color,border

 Css source code for Resizing background images with background size ,height,width,color,border 


<html>

<div class="Resizeimage">

</div>

<style>

.Resizeimage {

  background-image: url(https://www.thinkforu.org/media/img/logos.png);

  background-size: 150px;

  width: 300px;

  height: 300px;

  border: 2px solid;

  color: black;

}

<style>

</html>

Comments

Post a Comment

Last 7 Days

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

 How to use referrerpolicy Attribute value (strict-origin ) with < iframe > tag in HTML ? with example  Referrerpolicy Attribute value (strict-origin )  Only send referrer info if the security level is the same (e.g. HTTPS to HTTPS). Do not send to a less secure destination (e.g. HTTPS to HTTP). Example <html> <body> <h1>The iframe referrerpolicy attribute Example</h1> <iframe src ="https://tech.thinkforu.org"  referrerpolicy=" strict-origin "> </iframe> </body> </html>
Read more

Tag is used to create inline frame ?

 Tag is used to create inline frame ? The <iframe> creates an inline frame, which embeds an  independent HTML document into the current document. <html> <iframe width="720" height="420"  src="https://www.thinkforu.org"  frameborder="0" allowfullscreen> </iframe> </html>
Read more

How to add Amazon website inside iframe?

 How to add Amazon website inside iframe? <!DOCTYPE html> <html> <body> <h1>HTML Iframes</h1> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.amazon.com/" height="220" width="320" title="Iframe Example"></iframe> </body> </html>
Read more

Css source code for scrollbars

Css source code for scrollbars   <html>    <head>       <style type = "text/css">          .scroll {             display:block;             border: 1px solid red;             padding:5px;             margin-top:5px;             width:300px;             height:50px;             overflow:scroll;          }          .auto {             display:block;             border: 1px solid red;             padding:5px;             margin-top:5px;             width:300px;             height:5...
Read more

How to make a water bottle using the HTML code?

 How to make a water bottle using the HTML code? Here is the Question How to make a water bottle using the HTML code ,Now I'm sharing How to water bottle using HTML and CSS code So,that you can got your idea about How to make water bottle using HTML code .in this three water bottle source code is here    <html> <style> body  {  margin:10% 10%;  } li.water-bottle  {  float:left; margin-right:15px; } ul  {  list-style-type:none;  } .bottle  {  background: #ddd;  width:100px; border-radius: 30px 30px 6px 6px;  height:200px;  padding:6px; box-shadow: 3px 3px 3px  #efefef; margin-bottom:4px; } .bottle:hover  {  background: #eee; box-shadow: 2px  2px 2px #efefef; } .cap  {  background: #ddd;  margin:0 25px; width:60px; border-radius:8px 8px 10px  12px;  height:35px; border-top:1px solid #ddd;  border-bottom:2px dotted #efefef; } .cap-top  {  b...
Read more

How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example

 How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example  When you add or use autoplay attribute for your website development by adding value autoplay =1 to the YouTube URL.then video is automatically started when any unknown or unique visitor are visiting in your website . However, automatically starting a video is annoying for your visitors <html> <body> <iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY? autoplay=1&mute=1 "> </iframe> </body> </html> When you apply both attribute with YouTube URL then Here is the effect after giving value to both of the attribute mute and Autoplay . Add mute =1 after autoplay =1 to let your video start playing automatically (but muted). Example  <iframe width="560" height="315"  src="https://www.youtube.com/embed/2jg1bJQaYjg" autoplay=1 & mute=1 "   title="You...
Read more

What does < Article > mean in HTML?

 What does Article mean in HTML? The <article> HTML element represents a self-contained composition in a document,  page,  application,  or  site,  which is intended to be independently distributable or reusable  (e.g., in syndication).
Read more