Simple Web Part :before :after example

/*Web Part Styling*/

#DeltaPlaceHolderMain .ms-webpart-chrome-fullWidth:before {
background:url(‘grass.png’) top left;
content: ” “;
display: block;
position: relative;
height: 100px;
}

#DeltaPlaceHolderMain .ms-webpart-chrome-fullWidth:after {
background:url(‘roots.png’) bottom left no-repeat;
content: ” “;
display: block;
position: relative;
height: 125px;
}

Image may be NSFW.
Clik here to view.

Image may be NSFW.
Clik here to view.