ul li { float: left; margin: 20px 0 0 20px; width: 150px; height: 150px; } li.tate { background: -moz-linear-gradient(#f00, #ff0 50%, #0f0); background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(50%, #ff0), to(#0f0)); } li.yoko{ background: -moz-linear-gradient(left, #f00, #ff0 50%, #0f0); background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop