nikolaimv,
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
td{
width: 70px;
border-top-left-radius:60px 90px;
border-bottom-right-radius:60px 90px;
border: 1px solid #000000;
text-align: center;
}
</style>
<title>Untitled</title><meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<script>
var color = ["red","green","blue","orange"];
var mytable = $('<table/>');
$.each(color,function( i, myData ) {
$(mytable).append(
$('<tr/>').append(
$('<td/>',{text:myData, css : {'color':myData}}),
$('<td/>',{css:{ 'background':myData}})
)
);
});
$('body').append(mytable);
</script>
</body>
</html>