Background image part 1

CSS Fundamentals
Properties
background-image
108
1/2
     

The background-image Property



The background-image property sets one or several background images in an element. Let's set a background-image for the <body> element.

The CSS:
body {
background-image: url("css_logo.png");
background-color: #e9e9e9;
}Try It Yourself

The url specifies the path to the image file. Both relative and absolute paths are supported.
Result:
By default, a background-image is placed at the top-left corner of an element, and is repeated both vertically and horizontally to cover the entire element.

Comments

Post a Comment

Popular posts from this blog

font-family part 1

Image
The font-family Property The font-family property specifies the font for an element.  There are two types of font family names:  -  font family : a specific font family (like Times New Roman or Arial) -  generic family : a group of font families with a similar look (like Serif or Monospace) Here is an example of different font styles: The HTML: <p class="serif"> This is a paragraph shown in serif font. </p> <p class="sansserif"> This is a paragraph shown in sans-serif font. </p> <p class="monospace"> This is a paragraph shown in monospace font. </p> <p class="cursive"> This is a paragraph shown in cursive font. </p> <p class="fantasy"> This is a paragraph shown in fantasy font. </p> The CSS: p.serif { font-family: "Times New Roman", Times, serif ; } p.sansserif { font-family: Helvetica, Arial, sans-serif ; } p.monospace { font-family: &
Read more

Styling the list part 3

Image
The list-style Property The  list-style  property is a shorthand property for setting list-style-type, list-style-image and list-style-position. It is used to set all of the list properties in one declaration: ul { list-style : square outside none; } This would be the same as the longhand version. ul { list-style-type: square; list-style-position: outside; list-style-image: none; } Try It Yourself Result: If one of the property values are missing, the default value for the missing property will be inserted, if any.
Read more