You need box-shadow. See details here:
[developer.mozilla.org...]

Yes that's very basic.. can you give me some similar examples? Thx!

Yes that's very basic..

It's basic because that is all there is to it. It you want rounded corners add a border-radius to your style.

If you are asking how to create the cards more generally, than the best approach will depend on how the rest of your page is laid out. Given that you seem to have little experience with CSS I would recommend that you use a framework instead that will do all this for you. Bootstrap being the most common one (free and open source built by Twitter).

Here is link to that:
[getbootstrap.com...]

The component for you specific case is:
[getbootstrap.com...]

Thanks, incidently on that bootstrap site I don't see card?

I don't see card?

Neither do I, I think they call it "panel" at least that was the closest thing I could find that resembled what you wanted. To be honest, I don't use bootstrap. Most recently I use Material-ui, but it is designed to work with a node.js server and a js front-end, most commonly React.js.

There is a version for static websites called MaterializeCSS:
[materializecss.com...]

I have never used the static version and It is created and maintained by Google.

Open the Chrome/Chromium DevTools and click on the inspect icon (the square with an arrow inside), then move the mouse over the element of the page you want, and it will show you the CSS of this element.