css代码#D72727和#ffffff为颜色(其中，left代表颜色过渡方向，比如设置为bottom就会变成上下过渡，末尾的百分比为颜色的偏移量，也就是你说的50%，具体可以根据自己的需要调整)：
obj{background: linear-gradient(to left,#D72727 0,#ffffff 50%)
background: -webkit-linear-gradient(to left,#D72727 0,#ffffff 50%)
}
纯手打，望采纳。
在CSS中，百分比和px可以一起使用，代码如下：
left: calc(10% + 10px)
.class { width: calc(50% - 100px)
}
注意：设置完left: 10px后 使用 padding-left: 10px盒子内部向右移动10px，如果让盒子整体移动，用margin-left: 10px
扩展资料：
px的特点：
1、IE无法调整那些使用px作为单位的字体大小；
2、国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；
3、Firefox能够调整px和em，rem，但是有大部分的国产浏览器使用IE内核；
4、px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的,可以定宽、定高；
5、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸；
