# Help in css , background prop

**URL:** <https://forum.freecodecamp.org/t/help-in-css-background-prop/412588>\
**Category:** General\
**Created:** [July 30, 2020, 5:50am UTC](https://forum.freecodecamp.org/t/help-in-css-background-prop/412588 "2020-07-30T05:50:51Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![hussamkhatib](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hussamkhatib/32/136115_2.png) [@hussamkhatib](https://forum.freecodecamp.org/u/hussamkhatib)\
**Post date:** [July 30, 2020, 5:50am UTC](https://forum.freecodecamp.org/t/help-in-css-background-prop/412588/1 "2020-07-30T05:50:51Z")

</div>

hey there !  
is it possible to set the background as shown in the image.  
I really need to use it without css: url()(i.e image)  
also in a single div ,is it possible using gradient etc…

 ![512x512bb](https://global.discourse-cdn.com/freecodecamp/original/3X/c/3/c3058e3a2192d0d10127d340850c37554ea5a669.jpeg)

---

<div class="post-metadata">

**Author:** ![GURSAGAR1](https://avatars.discourse-cdn.com/v4/letter/g/db5fbb/32.png) [@GURSAGAR1](https://forum.freecodecamp.org/u/GURSAGAR1)\
**Post date:** [July 30, 2020, 6:19am UTC](https://forum.freecodecamp.org/t/help-in-css-background-prop/412588/2 "2020-07-30T06:19:13Z")

</div>

in html file

```auto
<div id="main"><div class="child"></div><div class="child"></div><div class="child"></div><div class="child"></div></div>

```

IN CSS FILE

```auto
#main{
height:80vh;
width:100%;

}
.child{
height:40vh;
width:50%;
float:left;

}
.child:nth-child(1){
background-color:red;
border:2px solid green;
}
.child:nth-child(2){
background-color:yellow;
border:2px solid green;
}
.child:nth-child(3){
background-color:green;
border:2px solid black;
}
.child:nth-child(4){
background-color:brown;
border:2px solid green;
}

```

---

<div class="post-metadata">

**Author:** ![hussamkhatib](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hussamkhatib/32/136115_2.png) [@hussamkhatib](https://forum.freecodecamp.org/u/hussamkhatib)\
**Post date:** [July 30, 2020, 6:57am UTC](https://forum.freecodecamp.org/t/help-in-css-background-prop/412588/3 "2020-07-30T06:57:29Z")

</div>

Thank you ,but this is not im looking for as i cannot include child elements

---

<div class="post-metadata">

**Author:** ![GURSAGAR1](https://avatars.discourse-cdn.com/v4/letter/g/db5fbb/32.png) [@GURSAGAR1](https://forum.freecodecamp.org/u/GURSAGAR1)\
**Post date:** [July 30, 2020, 5:28pm UTC](https://forum.freecodecamp.org/t/help-in-css-background-prop/412588/4 "2020-07-30T17:28:47Z")

</div>

try append,perpend,after,before to create that classes

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 6:45pm UTC](https://forum.freecodecamp.org/t/help-in-css-background-prop/412588/5 "2021-06-01T18:45:06Z")

</div>