turning off some rounded corners?
Hi I apologise in advance as it seems likely that this question has been posed before but I could not find the answer. Is it possible to turn off say the top rounded corners on a rectangle? I have tried this but it doesn't work
Code:
#first ul {
width:218px;
padding:0;
margin:0;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
-webkit-box-shadow: #CCC 0 0 .25em;
-moz-box-shadow: #CCC 0 0 .25em;
box-shadow: #CCC 0 0 .25em;
-pie-background: linear-gradient(#e45828, #ef7d47);
background:-moz-linear-gradient(#e45828, #ef7d47);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#e45828) to(#ef7d47));
background: linear-gradient(#e45828, #ef7d47);
behavior: url(PIE.htc);}
Also I can't remember the shorthand for this 0 0 .25em .. is this "0" for top "0" for right and ".25em" for bottom and left?
Thanks. Sorry for asking dumb ass questions.
Forums
