I’ve seen a few website examples recently (like this one ) where transparent borders have been used so that the background image shows through the border. I think this is a really nice effect and it got me wondering how it’s done and if I could use this on my planned redesign of CVW Web Design . Turns out it’s relatively simple but there’s one ‘trick’ you will need to get it to work. Firstly, here’s my demo page with a <div> content area and a transparent border that allows the background cork board pattern to show through. The border transparency is achieved using the rgba property which allows you to specific three rgb color values and a value for alpha (transparency). In my demo CSS , I’ve set the border property values like this: div { border: 10px solid rgb(100, 100, 100); /* default color */ border: 10px solid rgba(0, 0, 0, 0.3); /* rgba for transparency */ } In this case I set a default gr...
Basic understanding of some Information Technology