Posts

Showing posts with the label background image

Crop a Picture Image to Shape in Word and Remove White Background

-
Image
Post a Comment
Read more

review:Styling the “wildlife” div with Background Properties task5 (using border-box)

-
  Finally, give  .wildlife  the  box-sizing  property and value that forces any padding and border widths into its total width and height. /* Complete the challenge by writing CSS below */  .wildlife {    background-image: url('img/bear.jpg');    background-repeat:no-repeat;    background-position:center;    background-size: cover;     box-sizing:border-box;      }
Post a Comment
Read more

review:Styling the “wildlife” div with Background Properties task4 (using background-size:cover)

-
Challenge Task 4 of 5 Add a  background-size  property. Set a value that fills the entire background of the container while maintaining the width and height proportions. /* Complete the challenge by writing CSS below */  .wildlife {    background-image: url('img/bear.jpg');    background-repeat:no-repeat;    background-position:center;    background-size: cover;  }
Post a Comment
Read more

review: Styling the “wildlife” div with Background Properties task3 (using background-position)

-
Challenge Task 3 of 5 Next, position the background image in the center of the '.wildlife' element.  /* Complete the challenge by writing CSS below */  .wildlife {    background-image: url('img/bear.jpg');    background-repeat:no-repeat;    background-position:center;      }
Post a Comment
Read more

review: Styling the “wildlife” div with Background Properties task2 (using background-repeat:no-repeat)

-
Next, define the background property and value that prevents a background image from repeating in any direction. which means: no-repeat. but I don't know the meaning of no-repeat. even with a dictionary. sad ;(  .wildlife {    background-image: url('img/bear.jpg');    background-repeat:no-repeat;  }
Post a Comment
Read more

review: Styling the “wildlife” div with Background Properties task1 (using background-image:url...)

-
Create a new rule that targets the class 'wildlife'. Set the  bear.jpg  image, located in the  img  folder, as the background image. /* Complete the challenge by writing CSS below */  .wildlife {    background-image: url('img/bear.jpg');  } Html: <!DOCTYPE html> <html>   <head>     <title>Lake Tahoe</title>     <link rel="stylesheet" href="page.css">     <link rel="stylesheet" href="style.css">   </head>   <body>  <div class="primary-content t-border"> <p class="intro"> Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation. </p> <a class="callout" href="#more">Find out more</a>       <div class="wil...
Post a Comment
Read more