Want to create a div card like this with round corners and round corners

I want to create a div with rounded corners and box shadow, similar to this image

[enter image description here

I followed some examples for shapes but they did not work for box shadow,

Asked on July 16, 2020 in CSS.
Add Comment
1 Answer(s)

Ooh, this is actually pretty simple.

Use CSS to create a border for the div and specify the border radius. The more pixels, the more curved the borders are.

<style type="text/css">      div{          border: blue 2px;          border-radius: 15px;      } </style> 

Different shapes are harder to do.

Box shadow is a little more complicated. I have not even tried it myself. 🙂

Answered on July 16, 2020.
Add Comment

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.