CODEWITHSUNDEEP
css
hamp13
hamp13

Reputation:

What is the best way to create this div?

this is the div i want to create

in this case i have white background outside and i want to give little bit inner shadow effect on my div(liquid) and rounded corner also. i usually create 10 divs warp, content, 4x bar, 4x corner with 6 img, when i creat rouned corner divs in this way i have to create 10 divs and long css for 1 box i want to get rid off this. can anyone help me with some css and short code to creat that div.

Upvotes: 1

Views: 132

Answers (2)

Googlebot
Googlebot

Reputation: 15683

I strongly suggest you to use CSS3 to create a stylish div with color background having opacity.

Upvotes: 0

Willem
Willem

Reputation: 723

.box {
width: 250px;
height: 300px;
border-radius:5px;
box-shadow:inset 0 0 6px #333;
}

<div class='box'></div>

http://jsfiddle.net/QmkNE/

That should - roughly - represent what you asked for. Mind you, you need to cover some cross-browser css stuff for the border-radius and box-shadow to work consistently.

Upvotes: 2

Related Questions