Adding border radius to colour stop

**KeredDrahcir** · Feb 27 '14, 02:13 PM

I have a box that needs to be 270 pixels high and I want the top part of it to be black without having to use an image.
The black bit needs to hava border radius of 8 pixels on the top left and bottom left edges.

To get only top part of the box black, I'm using a liner gradient with a colour stop. It there anyway to put rounded edges on that?

Code:

.label{
	background: -webkit-linear-gradient(0deg, #ffffff 249px, #000000 21px) !important;
	background: -o-linear-gradient(0deg, #ffffff 249px, #000000 21px) !important;
	background: -moz-linear-gradient(0deg, #ffffff 249px, #000000 21px) !important;
	background: linear-gradient(0deg, #ffffff 249px, #000000 21px) !important;
	padding-top: 5px;
	height: 270px;
	vertical-align: top !important;
}

Is it possible to get something like this work on just the top bit?

Code:

	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	behavior: url(/templates/travel_agent/htc/border-radius.htc);