Learn CSS #7

Posted on by Apostube

CSS Background Image

CSS background-image

The background-image property specifies an image to use as the background of an element.

By default, the image is repeated so it covers the entire element.

Example

Set the background image for a page:

body {
  background-image: url("paper.gif");
}

Example

This example shows a bad combination of text and background image. The text is hardly readable:

body {
  background-image: url("bgdesert.jpg");
}

Note: When using a background image, use an image that does not disturb the text.

The background image can also be set for specific elements, like the <p> element:

Example

p {
  background-image: url("paper.gif");
}

Apostube

See author's posts

Related Posts

Learn CSS #40

CSS Math Functions The CSS math functions allow mathematical expressions to be used as property values. Here, we will explain the calc(), max() and min() functions. […]

Learn CSS #39

CSS Website Layout Website Layout A website is often divided into headers, menus, content and a footer: Header Navigation Menu Content […]

115 thoughts on “Learn CSS #7”

  88. Hello bro!More info…
    пансионат для лежачих больных
    https://pansionat-rnd.ru/
    “Дом престарелых” – это общепринятое название для социального учреждения, которое оказывает услуги по социальной защите и помощи престарелым людям. Если вы ищете информацию о конкретном доме престарелых в Ростове-на-Дону, можете уточнить местоположение и другую информацию.
    сеть пансионатов

    http://cse.google.it/url?q=https://pansionat-rnd.ru/ http://maps.google.se/url?q=https://pansionat-rnd.ru/ http://maps.google.tk/url?q=https://pansionat-rnd.ru/ http://images.google.gp/url?q=https://pansionat-rnd.ru/ http://www.google.by/url?q=https://pansionat-rnd.ru/

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *