Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Linus Karlsson
Linus Karlsson
7,402 Points

Add background image underneath <p>text</p>

Hi All!

I am building a fairly basic company website, and under the <p>text</p> elements I would like to add a background image with a sort of watermark effect. I'm writing in html and css and my image file is in an .svg format, if that makes a difference.

Are there any good tutorials here for that?

Thank you in advance!

3 Answers

Udida Roland
Udida Roland
Courses Plus Student 613 Points

I strongly recommend you take the css basic course. if you have some knowledge on CSS, then adding a background image will suffix, but first you have to make the p element a block. then reduce opacity.

Valeshan Naidoo
Valeshan Naidoo
27,008 Points
Valeshan Naidoo
Valeshan Naidoo
27,008 Points

I recommend the CSS Basics course, you gradually build a nice looking website, and if you're pressed for time, you can skip to the part that you want to know in particular.

Linus Karlsson
Linus Karlsson
7,402 Points
Linus Karlsson
Linus Karlsson
7,402 Points

This is all great answers! Thank you guys so much.

I'll get right to the HTML Basics course then :-)