您可以使用CSS漸變來實現這一點。要在漸變中包括實心，non-transitioning顏色區域，請包括顏色停止的兩個位置。顏色停止可以有兩個位置，這相當于在不同位置具有相同顏色的兩個連續顏色停止。這里有更多信息 .heading{ padding:2px; background: linear-gradient(to left, #fffb0e 25%, #ffe30e 25% 50%, #FFC20E 50% 100%); } <h3 class="heading">Heading</h3>
您可以使用CSS漸變來實現這一點。要在漸變中包括實心，non-transitioning顏色區域，請包括顏色停止的兩個位置。顏色停止可以有兩個位置，這相當于在不同位置具有相同顏色的兩個連續顏色停止。這里有更多信息